/* تصحيح عرض الصور في المقالات والقالب */
img {
  max-width: 100%;
  height: auto;
  object-fit: contain; /* يحافظ على نسبة الطول للعرض */
}

/* في حال الصور المميزة أو صور داخل البلوكات */
.entry-content img,
.featured-image img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}


* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;word-break:break-word;background:#e7effb;line-height:25px;color:#828282;margin:0;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
a,h1,ul{margin:0;padding:0}
a,a:visited{text-decoration:none}a{color:#ffffff}a:hover{color:#e8554e}
img{aspect-ratio:16 / 9;max-width:100%;height:auto}
*,:before,:after{box-sizing:border-box}
svg{fill:#fefefe}
@media print{body{display:none}}
.topbars{max-width:1200px;margin:auto;min-height:80px;display:flex;flex-wrap:wrap;align-items:center;padding:0 20px} 
.site-logo{justify-content:flex-start;display:flex;align-items:center}
#site-navigation{flex-grow:1;justify-content:center;display:flex}
.search-form{justify-content:flex-end;display:flex}
.main-navigation .hide-visually{position:absolute;clip-path:inset(10px 20px 30px 40px)}
.main-navigation #toggle-menu{align-items:center;display:flex;padding:5px 10px;color:#05182c;background-color:#e7eefb; border-radius:6px}
#site-navigation #toggle-menu::after{content:"\2261";font-weight:bold;font-size:18px;margin-right:5px}
#site-navigation #toggle:checked + #toggle-menu::after{content: "\00D7";}
#site-navigation > div{top:80px;background-color:#1b1757;left:0;position:absolute;padding:0 16px;right:0;z-index:9999;bottom:0} 
.main-navigation > div > ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:none;padding-left:0;position:relative} 
.main-navigation > div > ul li{display:block;position:relative;width:100%;z-index:1}
.main-navigation a{font-size:1.2rem;padding:16px;line-height:1.5;border-bottom:3px solid #00000000;display:block}
.main-navigation a:hover{border-bottom:3px solid #374453;color:aliceblue}
.main-navigation #toggle:checked ~ div{display:block}
.main-navigation > div{display:none}
.search-form{position:relative;padding-right:5px;border:1px solid #374453;border-radius:100px}
.search-field{font:normal 14px/20px tahoma;overflow:hidden;padding:10px 5px;border:hidden;background-color:#ffffff00;color:#fff}
.search-submit{position:absolute;left:3px;height:35px;border:0;cursor:pointer;border-radius:inherit;font-size:0;top:2.5px}
.search-submit:before{content:'\1F50D';font-size:18px}
.search-field:focus{outline:0}
@media only screen and (min-width: 750px){.main-navigation > div{display:block}.main-navigation > div > ul li{display:inherit;width:inherit}#site-navigation > div{position:inherit;padding:0}  #site-navigation #toggle-menu{display:none}}
@media screen and (max-width:920px){.search-form{display:none}}
#footer{background-color:#09192b;border-top:3px solid #333333;padding:10px 0px 10px 0px;min-height:80px;text-align:center}
#menu-bottom{max-width:1000px;margin:0 auto;padding:10px}
#footer ul{display:flex;justify-content:center}
#footer ul li{margin-right:calc(32px/2);margin-left:calc(32px/2);display:flex;align-items:center}
#footer ul li a{font-size:17px;font-weight:bold}
#footer ul li:not(:last-child):after{content:"";height:13px;border-color:#A8A8A861;border-left-width:1px;border-left-style:solid;left:calc(-32px/2);position:relative}
.arbcprtxt{padding:0 10px;color:#A8A8A8;font-size:16px}
.status-msg-wrap{min-height:300px;position:relative;overflow:hidden;padding:65px 10px 65px 10px;background-color:#05182c;margin-bottom:30px}
.status-msg-wrap .site-title{position:relative;max-width:800px;margin:auto;min-height:50px;color:#fff;text-align:center;font-size:48px;line-height:48px}
.site-description{max-width:600px;margin:10px auto 0;color:#fff;font-size:18px;font-weight:bold;text-align:center;text-shadow:1px 1px 1px #111111;border-radius:15px;padding:20px;background:#ffffff30}
.status-msg-wrap::before{position:absolute;background:url(https://matbakh4arab.com/wp-content/uploads/Wasting_food.svg);content:"";bottom:0;width:910px;height:410px;right:50%;display:block;margin-right:-1300px}
.status-msg-wrap::after{position:absolute;background:url(https://matbakh4arab.com/wp-content/uploads/Wasting_food.svg);content:"";left:50%;bottom:0;width:910px;height:410px;margin-left:-1300px}
.post-grid{grid-template-columns:repeat(9, 1fr);display:grid;gap:70px 20px;max-width:1200px;margin:auto;padding:10px}
.post-outer{grid-column:span 3;display:flex}
article{padding:0px 30px 30px 30px;background-color:#FFFFFF;border-radius:10px;box-shadow:0px 10px 25px 0px rgb(140 141 145 / 24%);position:relative}
.post-image{margin:-30px 0px 0px 0px;border-radius:10px;box-shadow:0px 5px 15px 0px rgb(141 154 171 / 50%);overflow:hidden;display:flex}
.post-image img{display:block;width:320px}
.post-outer:nth-of-type(1) .post-image img,.post-outer:nth-of-type(2) .post-image img,.post-outer:nth-of-type(3) .post-image img{
width:100%;height:100%;object-fit:cover}
.post-home{padding:10px 0px 0px 0px}
.p-name{margin:10px 0;color:#333;font-size:1.1rem}
a:hover .entry-title,a:hover .entry-title{background-size:100% 2px;color:#ff2c54}
.post-labels{padding:10px 0;display:block}
.post-labels a{font-weight:bold;display:inline-block;font-size:0.9rem;background-color:#B30022;padding:1px 8px;margin-right:5px;border-radius:3px}
.post-labels a:hover{color:#ffffff}
.post-outer:nth-of-type(4) .post-labels a,.post-outer:nth-of-type(15) .post-labels a{background-color:#19624B}
.post-outer:nth-of-type(5) .post-labels a,.post-outer:nth-of-type(14) .post-labels a{background-color:#0E5E71}
.post-outer:nth-of-type(6) .post-labels a,.post-outer:nth-of-type(13) .post-labels a{background-color:#AE0A48}
.post-outer:nth-of-type(7) .post-labels a,.post-outer:nth-of-type(12) .post-labels a{background-color:#8A4414}
.post-outer:nth-of-type(8) .post-labels a,.post-outer:nth-of-type(11) .post-labels a{background-color:#B30023}
.post-outer:nth-of-type(9) .post-labels a,.post-outer:nth-of-type(10) .post-labels a{background-color:#9500B3}
.entry-title{background-image:linear-gradient(90deg, currentColor, currentColor);background-repeat:no-repeat;background-size:0% 2px;transition:0.6s cubic-bezier(0.25, 0.8, 0.25, 1);display:inline;padding:2px 0;background-position:50% bottom}
@media screen and (max-width:700px){.post-grid {grid-template-columns:repeat(6, 1fr)}}
@media screen and (max-width:400px){.post-grid {grid-template-columns: repeat(3, 1fr)}}
@media only screen and (min-width: 1000px){
.post-outer:nth-of-type(1),.post-outer:nth-of-type(3){grid-column:span 2}
.post-outer:nth-of-type(2){grid-column: span 5;}
.post-outer:nth-of-type(1) article, .post-outer:nth-of-type(3) article, .post-outer:nth-of-type(2) article{padding:0;display:flex;overflow:hidden;height:500px}
.post-outer:nth-of-type(1) article::before,.post-outer:nth-of-type(2) article::before,.post-outer:nth-of-type(3) article::before{content:'';position:absolute;width:100%;height:100%;z-index:2;background-color:transparent;background-image:linear-gradient(0deg, #07041EBA 0%, #F2295B00 63%)}
.post-outer:nth-of-type(1) .post-image,.post-outer:nth-of-type(2) .post-image,.post-outer:nth-of-type(3) .post-image{margin:0}
.post-outer:nth-of-type(1) .post-home,.post-outer:nth-of-type(2) .post-home,.post-outer:nth-of-type(3) .post-home{position: absolute;width:100%;z-index:100;bottom:0;text-align:center;padding:10px}
.post-outer:nth-of-type(1) h2,.post-outer:nth-of-type(2) h2,.post-outer:nth-of-type(3) h2{color:#fff}
.post-outer:nth-of-type(2) .post-home{margin-bottom:30px}}
.loadMorePosts{text-align:center;margin:20px}
.PagesLink{box-shadow:0px 10px 20px 4px #09192b2e;background-color:#05182c;color:#FFFFFF;border-radius:5px 5px 5px 5px;font-size:16px;padding:15px 30px;display:inline-flex;justify-content:center;align-items:center;line-height:1}
a:hover.PagesLink{background-color:#FF2C54;color:#FFFFFF}
#site-navigation > div, .topbar, #footer, .status-msg-wrap {background-image: linear-gradient(216deg, rgba(77, 77, 77,0.05) 0%, rgba(77, 77, 77,0.05) 25%,rgba(42, 42, 42,0.05) 25%, rgba(42, 42, 42,0.05) 38%,rgba(223, 223, 223,0.05) 38%, rgba(223, 223, 223,0.05) 75%,rgba(36, 36, 36,0.05) 75%, rgba(36, 36, 36,0.05) 100%),linear-gradient(44deg, rgba(128, 128, 128,0.05) 0%, rgba(128, 128, 128,0.05) 34%,rgba(212, 212, 212,0.05) 34%, rgba(212, 212, 212,0.05) 57%,rgba(25, 25, 25,0.05) 57%, rgba(25, 25, 25,0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(55, 55, 55,0.05) 0%, rgba(55, 55, 55,0.05) 14%,rgba(209, 209, 209,0.05) 14%, rgba(209, 209, 209,0.05) 60%,rgba(245, 245, 245,0.05) 60%, rgba(245, 245, 245,0.05) 69%,rgba(164, 164, 164,0.05) 69%, rgba(164, 164, 164,0.05) 100%),linear-gradient(249deg, rgba(248, 248, 248,0.05) 0%, rgba(248, 248, 248,0.05) 32%,rgba(148, 148, 148,0.05) 32%, rgba(148, 148, 148,0.05) 35%,rgba(202, 202, 202,0.05) 35%, rgba(202, 202, 202,0.05) 51%,rgba(181, 181, 181,0.05) 51%, rgba(181, 181, 181,0.05) 100%),linear-gradient(92deg, rgb(4,2,89),rgb(4,2,89));}