/*
Theme Name: الدجاج المغربي | Adajaj Al Maghribi
Theme URI: https://adajaj-almaghribi.com/
Author: الدجاج المغربي
Author URI: https://adajaj-almaghribi.com/
Description: قالب ووردبريس عربي (RTL) مخصص لمنصة «الدجاج المغربي» التعليمية المتخصصة في تربية الدواجن. هوية خضراء هادئة، بحث بارز، تصنيفات قابلة للتحرير، توافق مع إضافات السيو وإعلانات AdSense وأداء عالٍ على الجوال.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adajaj
Tags: rtl-language-support, blog, education, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root{
  --g900:#0F3527;--g800:#154631;--g700:#1B5E3F;--g600:#237A4F;
  --g200:#CFE3D6;--g100:#E6F1EA;--g50:#F4F9F5;
  --ink:#14201A;--muted:#52615A;--line:#DCE5DE;--paper:#fff;
  --accent:#C79A2E;--accent-ink:#7A5A10;
  --radius:12px;--wrap:1180px;
  --f-head:"Noto Kufi Arabic","Segoe UI",Tahoma,system-ui,sans-serif;
  --f-body:"Noto Naskh Arabic","Segoe UI",Tahoma,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.05rem/1.9 var(--f-body);text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto}
a{color:var(--g700)}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--g900);text-wrap:balance}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:var(--g900);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font:600 .9rem var(--f-head)}
.skip-link:focus{top:12px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
.header-inner{display:flex;align-items:center;gap:20px;min-height:66px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--g900);flex:0 0 auto;white-space:nowrap}
.brand__mark{width:38px;height:38px;flex:none}
.brand__text{display:flex;flex-direction:column;line-height:1.15}
.brand__name{font:800 1.3rem var(--f-head)}
.brand__en{font:500 .68rem/1 var(--f-head);letter-spacing:.05em;color:var(--muted);margin-top:4px}
.brand__img{max-height:46px;width:auto;display:block}
.primary-nav{flex:1}
.primary-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.primary-nav a{display:block;padding:8px 13px;border-radius:8px;color:var(--ink);font:600 .93rem var(--f-head);text-decoration:none}
.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{background:var(--g100);color:var(--g700)}
.header-actions{display:flex;gap:8px;margin-inline-start:auto}
.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--g800);cursor:pointer}
.icon-btn:hover{background:var(--g50)}
.nav-toggle{display:none}
.search-panel{border-top:1px solid var(--line);background:var(--g50);padding:14px 0}
.topics{background:var(--g50);border-bottom:1px solid var(--line)}
.topics__list{display:flex;gap:8px;overflow-x:auto;list-style:none;margin:0;padding:10px 0;scrollbar-width:none}
.topics__list::-webkit-scrollbar{display:none}
.topics__list a{display:block;white-space:nowrap;font:600 .85rem var(--f-head);padding:6px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--g800);text-decoration:none}
.topics__list a:hover,.topics__list .current-menu-item>a,.topics__list .current-cat>a{background:var(--g700);border-color:var(--g700);color:#fff}

/* Search form */
.search-form{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;max-width:720px}
.search-form input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:0 20px;font:500 1.02rem var(--f-body);color:var(--ink);outline:none;height:44px}
.search-form button{display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--g700);color:#fff;padding:0 24px;height:44px;font:700 .95rem var(--f-head);cursor:pointer}
.search-form button:hover{background:var(--g800)}
.search-form:focus-within{box-shadow:0 0 0 3px var(--accent)}
.search-form--hero{border:0;padding:7px;margin-top:30px}
.search-form--hero input[type=search]{height:56px;font-size:1.15rem}
.search-form--hero button{height:56px;padding:0 34px;font-size:1.02rem}

/* Hero */
.hero{position:relative;overflow:hidden;background:var(--g900);color:#fff;padding:76px 0 68px}
.hero__art{position:absolute;inset-block:-40px;inset-inline-end:-120px;width:620px;opacity:.55;pointer-events:none}
.hero__body{position:relative;max-width:780px}
.hero__title{font:800 clamp(1.9rem,4.8vw,3.3rem)/1.4 var(--f-head);color:#fff;margin:0 0 18px}
.hero__lead{font:400 1.2rem/2 var(--f-body);color:#D3E6DA;margin:0;max-width:40em}
.hero__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px;font:500 .85rem var(--f-head);color:#A9C7B5}
.hero__chips a{color:#fff;border:1px solid rgba(255,255,255,.3);padding:5px 14px;border-radius:999px;text-decoration:none}
.hero__chips a:hover{background:#fff;color:var(--g900)}

/* Sections */
.section{padding:56px 0 8px}
.section--tint{background:var(--g50);padding-bottom:56px;margin-top:48px}
.section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.section__title{font:800 1.65rem/1.5 var(--f-head);margin:0}
.section__sub{margin:4px 0 0;color:var(--muted);max-width:44em}
.more-link{font:700 .9rem var(--f-head);text-decoration:none;color:var(--g700);border-bottom:2px solid var(--accent);padding-bottom:2px}

.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cat{display:flex;flex-direction:column;gap:6px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--g600);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.cat:hover{background:var(--g50);border-color:var(--g600)}
.cat__name{font:700 1.1rem/1.5 var(--f-head);color:var(--g800)}
.cat__desc{font:400 1rem/1.75 var(--f-body);color:var(--muted)}
.cat__count{margin-top:auto;padding-top:6px;font:600 .8rem var(--f-head);color:var(--g600)}

/* Cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.card:hover{border-color:var(--g600)}
.card__media{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--g100),var(--g200));overflow:hidden}
.card__media img{width:100%;height:100%;object-fit:cover;display:block}
.card__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card__cat{font:700 .78rem var(--f-head);color:var(--g600);text-decoration:none}
.card__title{font:700 1.08rem/1.65 var(--f-head);margin:0}
.card__title a{color:var(--ink);text-decoration:none}
.card__title a:hover{color:var(--g700)}
.card__excerpt{font:400 .98rem/1.8 var(--f-body);color:var(--muted);margin:0}
.card__meta{margin-top:auto;font:500 .78rem var(--f-head);color:var(--muted)}
.featured{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}
.featured__side{display:grid;gap:24px;align-content:start}
.card--lead .card__media{aspect-ratio:16/9}
.card--lead .card__title{font-size:1.5rem}
.card--row{flex-direction:row}
.card--row .card__media{flex:0 0 38%;aspect-ratio:auto;min-height:140px}

.cta{margin-top:56px;background:var(--g700);color:#fff;border-radius:16px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta h2{color:#fff;margin:0 0 6px;font-size:1.5rem}
.cta p{margin:0;color:#D3E6DA}
.btn{display:inline-block;background:#fff;color:var(--g900);padding:12px 28px;border-radius:999px;font:700 .95rem var(--f-head);text-decoration:none}
.btn:hover{background:var(--accent);color:var(--g900)}

/* Layout, archive, article */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;padding-block:32px 8px}
.layout--single{grid-template-columns:minmax(0,760px);justify-content:center}
.crumbs{font:500 .82rem var(--f-head);color:var(--muted);margin-bottom:18px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"\2039";margin-inline-end:8px;color:var(--g600)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--g700)}
.page-head{padding:44px 0 36px;background:var(--g50);border-bottom:1px solid var(--line)}
.page-head h1{margin:0 0 8px;font:800 clamp(1.6rem,3.6vw,2.4rem)/1.5 var(--f-head)}
.page-head p{margin:0;color:var(--muted);max-width:46em}
.subcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.subcats a{padding:5px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font:600 .84rem var(--f-head);text-decoration:none;color:var(--g800)}
.subcats a:hover{background:var(--g700);color:#fff;border-color:var(--g700)}
.article__cat{display:inline-block;font:700 .82rem var(--f-head);color:#fff;background:var(--g700);padding:3px 14px;border-radius:999px;text-decoration:none;margin-bottom:14px}
.article__title{font:800 clamp(1.7rem,4vw,2.5rem)/1.55 var(--f-head);margin:0 0 14px}
.article__meta{display:flex;flex-wrap:wrap;gap:6px 22px;font:500 .82rem var(--f-head);color:var(--muted);margin:0 0 24px}
.article__thumb{margin:0 0 28px}
.article__thumb img{width:100%;border-radius:var(--radius);display:block}
.entry{font:400 1.2rem/2.05 var(--f-body)}
.entry>*{max-width:100%}
.entry h2{font:800 1.55rem/1.6 var(--f-head);margin:2em 0 .6em;scroll-margin-top:90px}
.entry h3{font:700 1.25rem/1.6 var(--f-head);margin:1.7em 0 .5em;scroll-margin-top:90px}
.entry a{text-decoration:underline;text-underline-offset:4px}
.entry ul,.entry ol{padding-inline-start:1.5em}
.entry blockquote{margin:1.6em 0;padding:6px 22px;background:var(--g50);border-inline-start:4px solid var(--accent)}
.entry table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;font-size:1rem}
.entry th,.entry td{border:1px solid var(--line);padding:9px 14px;text-align:start}
.entry th{background:var(--g100);font-family:var(--f-head)}
.toc{background:var(--g50);border:1px solid var(--line);border-radius:var(--radius);padding:16px 24px;margin:0 0 30px;font-size:1rem}
.toc__title{font:700 1rem var(--f-head);margin:0 0 6px;color:var(--g900)}
.toc ol{margin:0;padding-inline-start:1.4em;line-height:2}
.note{margin:32px 0;padding:14px 20px;background:#FFF9E8;border:1px solid #EBD79A;border-inline-start:4px solid var(--accent);border-radius:8px;font-size:1rem;line-height:1.9}
.note strong{font-family:var(--f-head);color:var(--accent-ink)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tags a{font:500 .8rem var(--f-head);padding:4px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--muted)}
.author-box{display:flex;gap:16px;align-items:flex-start;margin-top:36px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--g50)}
.author-box img{border-radius:50%}
.author-box h3{margin:0 0 4px;font-size:1.05rem}
.author-box p{margin:0;font-size:.98rem;color:var(--muted)}
.related{margin-top:48px}
.related h2{font-size:1.35rem;margin:0 0 18px}

/* Sidebar and widgets */
.widget{margin-bottom:30px}
.widget-title{font:700 1rem var(--f-head);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--g600)}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:7px 0;border-bottom:1px solid var(--line)}
.widget a{text-decoration:none;color:var(--ink)}
.widget a:hover{color:var(--g700)}

/* Pagination, comments */
.navigation.pagination{margin-top:36px}
.nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.page-numbers{padding:7px 15px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font:600 .88rem var(--f-head);color:var(--g800)}
.page-numbers.current,.page-numbers:hover{background:var(--g700);border-color:var(--g700);color:#fff}
.comments{margin-top:48px}
.comments__title{font-size:1.3rem}
.comment-list{list-style:none;padding:0}
.comment-list .children{list-style:none;padding-inline-start:28px}
.comment-body{padding:16px 0;border-bottom:1px solid var(--line);font-size:1rem}
.comment-author img{border-radius:50%;vertical-align:middle;margin-inline-end:10px}
.comment-metadata{font:500 .78rem var(--f-head)}
.comment-metadata a{color:var(--muted);text-decoration:none}
.comment-form p{margin:0 0 14px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.comment-form .submit,.form-submit input{background:var(--g700);color:#fff;border:0;border-radius:999px;padding:12px 30px;font:700 .95rem var(--f-head);cursor:pointer}

/* Ads */
.ad-slot{margin:28px auto;text-align:center;min-height:100px;clear:both;max-width:100%;overflow:hidden}
.ad-slot::before{content:"إعلان";display:block;font:500 .68rem var(--f-head);color:var(--muted);margin-bottom:4px}
.ad-slot--placeholder{border:1px dashed var(--g600);background:var(--g50);color:var(--muted);padding:26px 12px;font:500 .85rem var(--f-head);border-radius:8px}

/* Footer */
.site-footer{background:var(--g900);color:#C7DACE;margin-top:64px;padding-top:56px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.7fr;gap:40px 48px;padding-bottom:40px;align-items:start}
.site-footer .brand{color:#fff}
.site-footer .brand__en{color:#9BB8A6}
.site-footer h2,.site-footer .widget-title{font:700 1rem var(--f-head);color:#fff;margin:0 0 14px;border:0;padding:0}
.site-footer p{margin:14px 0 0;font-size:1rem;line-height:1.9}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{padding:3px 0;border:0;line-height:1.7;text-align:start}
.site-footer a{display:inline-block;padding:2px 0}
.site-footer .widget{margin:0 0 24px}
.site-footer .widget:last-child{margin-bottom:0}
.site-footer img{max-width:170px;height:auto;display:block}
.site-footer .widget_text p:first-child{margin-top:0}
.site-footer .wp-block-navigation,.site-footer .menu{gap:0}
.footer-widgets__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;align-items:start}
.footer-widgets__grid>.widget:nth-child(odd):last-child{grid-column:1/-1}
.site-footer a{color:#C7DACE;text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.footer-note{border-top:1px solid rgba(255,255,255,.14);padding:18px 0;font-size:.92rem;color:#A9C7B5}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:18px 0;font:500 .82rem var(--f-head);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* WordPress core */
.alignleft{float:left;margin:0 1.5em 1em 0}.alignright{float:right;margin:0 0 1em 1.5em}.aligncenter{display:block;margin-inline:auto}
.wp-caption,figure{max-width:100%}.wp-caption-text,figcaption{font:500 .85rem var(--f-head);color:var(--muted);text-align:center;margin-top:6px}
.sticky .card__title::before{content:"";display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-inline-end:8px}

/* Responsive */
@media (max-width:1000px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .cat-grid,.grid{grid-template-columns:repeat(2,1fr)}
  .featured{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>:first-child,.footer-grid>.footer-widgets{grid-column:1/-1}
}
@media (max-width:900px){
  .nav-toggle{display:grid}
  .primary-nav{display:none;position:absolute;top:100%;inset-inline:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px 16px}
  .primary-nav.is-open{display:block}
  .primary-nav ul{flex-direction:column}
}
@media (max-width:600px){
  body{font-size:1rem}
  .hero{padding:48px 0 44px}
  .hero__art{width:380px;inset-inline-end:-160px;opacity:.35}
  .hero__lead{font-size:1.08rem}
  .search-form--hero button span{display:none}
  .search-form--hero button{padding:0 20px}
  .cat-grid,.grid,.grid--2,.footer-grid,.footer-widgets__grid{grid-template-columns:1fr}
  .card--row{flex-direction:column}.card--row .card__media{flex:none;aspect-ratio:16/10}
  .brand__name{font-size:1.15rem}.brand__mark{width:34px;height:34px}.brand__en{display:none}
  .cta{padding:26px 22px}
  .entry{font-size:1.12rem}
  .section__title{font-size:1.4rem}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}