/*
Theme Name: التجمع الموريتاني للعمل الاجتماعي
Theme URI: https://example.org
Author: RMAS
Description: قالب خاص بموقع التجمع الموريتاني للعمل الاجتماعي (Regroupement mauritanien pour l'action sociale). يدعم اللغة العربية من اليمين إلى اليسار، ويضم أنواع محتوى لمحاور التدخل والدراسات والشركاء، ورسومًا توضيحية عن موريتانيا والصناعات الاستخراجية.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rmas
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, translation-ready
*/

/* Layout: white header with green rule and yellow top bar; full-bleed illustrated hero with logo; featured grid; news column + studies sidebar; green band of intervention axes; partners; green footer. Inner pages open on an illustrated band. */
:root{
  --bg:#F5F7F2; --surface:#FFFFFF; --sunk:#E9F0E6; --ink:#122018; --muted:#55665B; --line:#D7E2D6;
  --green-deep:#0F7A3E; --on-green:#FFFFFF; --green:#138A47; --on-primary:#FFFFFF;
  --yellow:#F2D51E; --yellow-bright:#F5DA2B; --accent-ink:#0E6E37; --yellow-soft:#FBF3BF; --on-yellow:#122018;
  --red:#B3261E;
  --f-display:"Noto Kufi Arabic","IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  --f-body:"IBM Plex Sans Arabic","IBM Plex Sans","Segoe UI",Tahoma,sans-serif;
  --radius:8px;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0B140F; --surface:#121F17; --sunk:#18291F; --ink:#E6EEE8; --muted:#9DB0A3; --line:#25382B;
  --green-deep:#0D4F2A; --on-green:#F2F7F3; --green:#45C37E; --on-primary:#06140C;
  --yellow:#F2D62A; --yellow-bright:#F5DC3A; --accent-ink:#F2D62A; --yellow-soft:#33300F; --on-yellow:#122018;
  --red:#EE7A70; color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.8}
html[dir="ltr"] body,html[lang^="fr"] body,html[lang^="en"] body{--f-display:"IBM Plex Sans","Segoe UI",Arial,sans-serif;--f-body:"IBM Plex Sans","Segoe UI",Arial,sans-serif}
img{max-width:100%;height:auto}
.wrap{max-width:1200px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3,h4{font-family:var(--f-display);text-wrap:balance;line-height:1.45;margin:0;font-weight:700}
p{margin:0}
a{color:var(--green)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;inset-inline-start:8px;width:auto;height:auto;clip:auto;background:var(--yellow);color:var(--on-yellow);padding:8px 14px;z-index:100}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:10px 18px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap;font-family:inherit;font-size:15px}
.btn-yellow{background:var(--yellow);color:var(--on-yellow)}
.btn-green{background:var(--green);color:var(--on-primary)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-sm{padding:6px 12px;font-size:14px}

/* illustrations & photos */
.art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;display:block}
.thumb{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--sunk);display:block}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}

/* top bar & header */
.topbar{background:var(--yellow);color:var(--on-yellow);font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:6px;flex-wrap:wrap}
.topbar a{color:var(--on-yellow);text-decoration:none}
.topbar .soc{display:flex;gap:14px;flex-wrap:wrap}
.topbar .widget{margin:0}
.hdr{background:var(--surface);border-bottom:4px solid var(--green-deep)}
.hdr-in{display:flex;align-items:center;gap:18px;padding-block:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0}
.brand .custom-logo,.brand .logo{width:68px;height:68px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 2px var(--yellow);flex:none}
.brand-name{font-family:var(--f-display);font-size:19px;font-weight:800;line-height:1.35;display:block}
.brand-tag{font-size:12.5px;color:var(--muted);line-height:1.5;display:block;max-width:46ch}
.mainnav{margin-inline-start:auto;min-width:0}
.mainnav ul{display:flex;gap:0;list-style:none;margin:0;padding:0}
.mainnav a{display:block;white-space:nowrap;text-decoration:none;color:var(--ink);padding:8px 10px;font-weight:500;font-size:15px;border-bottom:2px solid transparent}
.mainnav a:hover{color:var(--accent-ink)}
.mainnav .current-menu-item>a,.mainnav .current_page_item>a,.mainnav .current-menu-ancestor>a{color:var(--accent-ink);border-bottom-color:var(--yellow)}
.mainnav .sub-menu{display:none}
.iconbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);text-decoration:none;flex:none}
.iconbtn svg{width:18px;height:18px}
.hsearch{position:relative;flex:none}
.hsearch summary{list-style:none;cursor:pointer}
.hsearch summary::-webkit-details-marker{display:none}
.hsearch-pop{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(380px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:0 12px 30px -16px rgba(0,0,0,.35);z-index:20}
.hsearch-pop .search-form{margin:0}
@media (max-width:1180px){.hdr-in .hsearch{margin-inline-start:auto}.mainnav{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line);padding-top:4px}}
@media (max-width:560px){.brand-tag{display:none}.brand .custom-logo,.brand .logo{width:54px;height:54px}}

/* hero */
.hero{position:relative;background:var(--green-deep);color:#fff;overflow:hidden;min-height:clamp(380px,50vw,580px);display:grid;align-items:end}
.veil{position:absolute;inset:0;background:linear-gradient(to left,rgba(6,40,20,.84) 0%,rgba(6,40,20,.5) 45%,rgba(6,40,20,0) 80%)}
html[dir="ltr"] .veil{background:linear-gradient(to right,rgba(6,40,20,.84) 0%,rgba(6,40,20,.5) 45%,rgba(6,40,20,0) 80%)}
.hero-in{position:relative;padding-block:56px 110px;display:grid;justify-items:start}
.hero-in>div{max-width:640px;display:grid;gap:14px;justify-items:start}
.hero-logo{width:clamp(84px,10vw,120px);height:clamp(84px,10vw,120px);border-radius:50%;background:#fff;padding:6px;object-fit:contain;box-shadow:0 0 0 4px var(--yellow)}
.kicker{display:inline-block;background:var(--yellow);color:var(--on-yellow);font-size:13px;font-weight:600;padding:3px 12px;border-radius:4px}
.hero h1{font-size:clamp(28px,4.6vw,48px);font-weight:800;color:#fff}
.hero p{font-size:clamp(16px,1.9vw,19px);opacity:.93}
.hero-foot{position:absolute;inset:auto 0 0 0;background:linear-gradient(to top,rgba(6,40,20,.7),transparent)}
.hero-foot .wrap{display:flex;gap:8px;flex-wrap:wrap;padding-block:18px}
.chip{border:1px solid rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.08);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:500;text-decoration:none}
.chip:hover{background:rgba(255,255,255,.2)}

/* sections */
.sec{padding-block:56px 0}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}
.sec-head h2{font-size:clamp(22px,3vw,30px);position:relative;padding-inline-start:16px}
.sec-head h2::before{content:"";position:absolute;inset-inline-start:0;top:.35em;bottom:.35em;width:5px;background:var(--yellow);border-radius:2px}
.more{text-decoration:none;font-weight:600;color:var(--accent-ink)}
.meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.pill{font-size:12px;font-weight:600;padding:2px 10px;border-radius:4px;background:var(--sunk);color:var(--green);text-decoration:none}
.pill.c2{background:var(--yellow-soft);color:var(--accent-ink)}
.empty{border:1px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;color:var(--muted)}

.feat{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
@media (max-width:860px){.feat{grid-template-columns:1fr}}
.big{position:relative;display:block;border-radius:var(--radius);overflow:hidden;min-height:420px;color:#fff;text-decoration:none;background:var(--green-deep)}
.big>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.big .veil2{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,40,20,.92),rgba(6,40,20,.12) 65%)}
.big .in{position:absolute;inset:auto 0 0 0;padding:24px;display:grid;gap:8px}
.big h3{font-size:clamp(20px,2.6vw,28px);color:#fff}
.big .meta{color:rgba(255,255,255,.88)}
.smalls{display:grid;gap:14px;align-content:start}
.sm{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.sm .thumb{aspect-ratio:auto;min-height:100px}
.sm .in{padding:10px 12px;display:grid;gap:4px;align-content:center}
.sm h3{font-size:15.5px;line-height:1.55}
.sm:hover h3,.nl h3 a:hover{color:var(--accent-ink)}

.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:start}
@media (max-width:900px){.cols{grid-template-columns:1fr}}
.nl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;padding-block:18px;border-top:1px solid var(--line)}
.nl:first-child{border-top:0;padding-top:0}
.nl .thumb{border-radius:6px}
.nl h3{font-size:18px}
.nl h3 a{color:var(--ink);text-decoration:none}
.nl p{color:var(--muted);font-size:15px}
.nl .in{display:grid;gap:6px;align-content:start}
@media (max-width:560px){.nl{grid-template-columns:1fr}}
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:grid;gap:4px}
.box h3{font-size:17px;margin-bottom:6px}
.ri{display:grid;gap:2px;padding-block:10px;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.ri:first-of-type{border-top:0}
.ri strong{font-weight:600;line-height:1.6}
.ri:hover strong{color:var(--accent-ink)}

.band{background:var(--green-deep);color:var(--on-green);margin-top:56px}
.band .wrap{padding-block:52px}
.band .sec-head{border-color:rgba(255,255,255,.18)}
.band .sec-head h2{color:var(--on-green)}
.band .more{color:var(--yellow-bright)}
.axes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.axis{display:grid;gap:10px;align-content:start;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);text-decoration:none;color:var(--on-green);background:rgba(255,255,255,.04)}
.axis:hover{border-color:var(--yellow-bright);background:rgba(255,255,255,.08)}
.ax-ic{width:56px;height:56px;border-radius:50%;background:var(--yellow);color:var(--on-yellow);display:grid;place-items:center;flex:none}
.ax-ic svg{width:28px;height:28px}
.axis h3{font-size:17px;color:var(--on-green)}
.axis p{font-size:14.5px;opacity:.86}
.partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px}
.partner{min-height:88px;border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;padding:12px;background:var(--surface);text-decoration:none;color:var(--muted);text-align:center;font-weight:600;font-size:14.5px}
.partner img{max-height:56px;width:auto;object-fit:contain}

/* inner pages */
.pagehead{position:relative;overflow:hidden;color:#fff;background:var(--green-deep);min-height:230px;display:grid;align-items:end}
.pagehead .wrap{position:relative;padding-block:40px 30px;display:grid;gap:6px;width:100%}
.pagehead h1{font-size:clamp(26px,4vw,42px);font-weight:800;color:#fff}
.crumb{font-size:14px;opacity:.9}
.crumb a{color:#fff}
.page{padding-block:40px 72px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.fchip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-weight:500;text-decoration:none;color:var(--ink)}
.fchip.on{background:var(--green);color:var(--on-primary);border-color:var(--green)}
.post{max-width:74ch;margin-inline:auto;display:grid;gap:18px}
.post>h1{font-size:clamp(24px,3.4vw,34px)}
.post .hero-img{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9}
.post .hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.entry{display:grid;gap:14px;font-size:17px}
.entry>*{margin:0}
.entry ul,.entry ol{padding-inline-start:1.4em}
.entry .alignwide,.entry .alignfull{max-width:none}
.entry figure{margin:0}
.entry figcaption{font-size:14px;color:var(--muted)}
.back{text-decoration:none;font-weight:600;color:var(--accent-ink)}
.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
@media (max-width:820px){.two{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:12px;align-content:start}
.panel h2{font-size:22px}
.goals{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.goals li{display:flex;gap:12px;align-items:flex-start}
.goals li::before{content:"";flex:none;width:8px;height:8px;margin-top:11px;background:var(--yellow);transform:rotate(45deg)}
.rows{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;padding:14px 18px;border-top:1px solid var(--line)}
.row:first-child{border-top:0}
.row .k{color:var(--muted);font-size:14px}
.row .v{word-break:break-word}
.rlist{display:grid;gap:12px}
.rcard{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding-inline-end:18px}
.rcard .thumb{aspect-ratio:3/4;height:100%;min-height:150px}
.rcard h3{font-size:18px}
.rcard h3 a{color:var(--ink);text-decoration:none}
.rcard p{color:var(--muted);font-size:14.5px}
.rcard .in{display:grid;gap:6px;padding-block:14px}
@media (max-width:640px){.rcard{grid-template-columns:96px minmax(0,1fr)}.rcard .acts{grid-column:1/-1;padding:0 16px 14px}}
.note{font-size:14px;color:var(--muted)}
.search-form{display:flex;gap:10px;margin-bottom:24px}
.search-form input[type=search]{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-size:17px;color:var(--ink);font-family:inherit}
.pagination{margin-top:28px}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink);background:var(--surface)}
.pagination .current{background:var(--green);color:var(--on-primary);border-color:var(--green)}

footer.site-foot{background:var(--green-deep);color:var(--on-green);margin-top:64px}
.foot{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:48px 28px}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot{grid-template-columns:1fr}}
.foot h3{font-size:16px;margin-bottom:10px;color:var(--yellow-bright)}
.foot a{color:var(--on-green);text-decoration:none;opacity:.88}
.foot a:hover{opacity:1;text-decoration:underline}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
.foot .about{opacity:.84;font-size:15px;margin-top:10px}
.foot-logo{width:72px;height:72px;border-radius:50%;background:#fff;object-fit:contain;padding:4px;margin-bottom:10px;display:block}
.copy{border-top:1px solid rgba(255,255,255,.14);font-size:13px;opacity:.82}
.copy .wrap{padding-block:14px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}