/*
Theme Name: Al-Mukhtar Al-Soussi Heritage
Theme URI: https://mokhtarsoussi.net/
Author: OpenAI
Description: واجهة عربية ثقافية مغربية بخلفية قابلة للتغيير ونصوص مستقلة وتكامل مع قوائم WordPress.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mukhtar-soussi
License: GPL-2.0-or-later
*/
:root{--green:#062c25;--green2:#0e4638;--gold:#b38b4d;--goldsoft:#e9d5a6;--paper:#f6f0e3;--ink:#12372d;--muted:#6a6f62;--serif:"Noto Naskh Arabic","Amiri","Traditional Arabic",serif;--text:"Noto Naskh Arabic",Tahoma,Arial,sans-serif;--max:1250px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:var(--text);color:var(--ink);line-height:1.85;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}a,button{transition:.18s ease}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.screen-reader-text:focus{clip:auto!important;width:auto!important;height:auto!important;position:fixed!important;z-index:10000;top:5px;right:5px;padding:10px;color:#fff;background:#000}.site-header{background:#052820;color:#f6efdf;border-bottom:2px solid var(--gold);position:relative;z-index:20}.header-inner{max-width:1480px;padding:11px 24px;margin:auto;display:flex;align-items:center;gap:26px;min-height:77px;direction:rtl}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;max-width:330px}.brand-mark{display:grid;place-items:center;color:var(--goldsoft);border:1px solid var(--gold);width:46px;height:46px;transform:rotate(45deg);font-size:30px;margin:6px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-family:var(--serif);font-size:22px;line-height:1.3;color:var(--goldsoft);font-weight:700}.brand-copy small{font-size:11px;color:#e4d6b3}.brand-logo-image{height:53px;width:auto;object-fit:contain}.primary-nav{flex:1;min-width:0}.primary-nav ul.menu,.footer-nav ul.menu,.social-nav ul.menu{list-style:none;display:flex;align-items:center;gap:clamp(9px,1.55vw,24px);padding:0;margin:0}.primary-nav .menu li{position:relative}.primary-nav .menu a{font-size:13px;display:block;padding:11px 0;color:#f7f3e6;white-space:nowrap;border-bottom:2px solid transparent}.primary-nav .menu a:hover,.primary-nav .menu .current-menu-item>a{color:var(--goldsoft);border-color:var(--gold)}.primary-nav .sub-menu{display:none;position:absolute;top:100%;right:0;min-width:200px;background:#08362b;box-shadow:0 8px 25px #0004;z-index:15;list-style:none;padding:8px 12px}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}.header-search{order:4;min-width:170px;max-width:205px}.header-search form{height:36px;border:1px solid #bd9d65;border-radius:30px;display:flex;align-items:center;padding:0 12px;gap:5px}.header-search input{border:0;outline:0;color:#fff;background:transparent;width:100%;font-size:12px;min-width:0}.header-search input::placeholder{color:#d7cbae}.header-search button{background:none;border:0;color:var(--goldsoft);font-size:22px;cursor:pointer}.menu-toggle{display:none;border:1px solid var(--gold);background:transparent;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer}
/* One coherent piece of artwork. All visible title and action elements are genuine WP text. */
.hero-home{position:relative;isolation:isolate;aspect-ratio:1973/797;min-height:470px;overflow:hidden;background:#dec59a}.hero-art{position:absolute;inset:0;background-image:var(--hero-scene);background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:0}.hero-home::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(247,239,218,0) 34%,rgba(248,240,220,.23) 46%,rgba(248,240,220,.63) 57%,rgba(250,242,224,.70) 72%,rgba(248,240,224,.51) 100%)}.hero-copy{position:absolute;z-index:2;right:10%;top:7.5%;width:42%;text-align:center;direction:rtl}.hero-eyebrow{font-size:clamp(12px,.9vw,15px);color:#71603f;margin:0 0 6px}.hero-copy h1{font-family:var(--serif);font-size:clamp(37px,5vw,83px);line-height:1.36;margin:0;color:#063d31;font-weight:800;text-shadow:0 1px 4px #fff8}.hero-subtitle{font-family:var(--serif);color:#b08139;font-size:clamp(26px,2.7vw,46px);font-weight:700;line-height:1.35;margin:1px 0 2px}.hero-role{font-size:clamp(17px,1.55vw,27px);font-weight:700;line-height:1.35;margin:0;color:#073d31}.hero-description{font-size:clamp(12px,1.03vw,18px);line-height:1.8;margin:10px auto 3px;max-width:630px}.hero-ornament{color:#ae853f;line-height:1.4;font-size:26px;margin:7px auto 11px}.button{background:var(--green2);color:#fff1d7;border:1px solid var(--gold);border-radius:35px;display:inline-flex;gap:14px;align-items:center;justify-content:center;padding:11px 28px;font-size:15px;font-weight:700;cursor:pointer}.button:hover{background:#17634c;color:#fff;transform:translateY(-2px)}.hero-motto{position:absolute;z-index:3;bottom:23px;right:20px;color:#fff3d6;background:rgba(3,35,28,.75);text-align:center;line-height:1.65;padding:14px 18px;border-radius:7px;font-size:clamp(11px,1vw,17px)}.hero-motto small{display:block;font-size:10px;margin-top:5px}
.books-strip{background:#082c23;color:#f2e3bd;border-top:1px solid #b58a43;border-bottom:1px solid #b58a43}.books-strip-inner{max-width:var(--max);margin:auto;padding:12px 22px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.books-strip strong{font-weight:700;color:#fff0d2;padding-inline:12px}.books-strip a{border:1px solid #ad8959;border-radius:3px;padding:5px 15px;background:#ffffff10}.books-strip a:hover{background:#e3c48622}.section{padding:45px 24px}.section-inner{max-width:var(--max);margin:auto}.quick-links{background-color:#f8f2e6;background-image:repeating-linear-gradient(45deg,#ab8b4610 0 1px,transparent 1px 32px)}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.feature-card{position:relative;padding:45px 12px 27px;text-align:center;border:1px solid #d9c7aa;background:#fbf7eb;min-height:205px;box-shadow:0 2px 8px #614e2910}.feature-card::before,.feature-card::after{content:"⌜";position:absolute;top:2px;color:#c5ae79;font-size:18px;right:7px}.feature-card::after{content:"⌝";right:auto;left:7px}.feature-icon{position:absolute;width:58px;height:58px;background:var(--green);border:2px solid #aa854b;border-radius:50%;top:-25px;right:calc(50% - 29px);display:grid;place-items:center;color:#eed398;font-size:30px;box-shadow:0 3px 8px #0002}.feature-card h2{font-size:24px;font-family:var(--serif);margin:5px 0 8px}.feature-card p{font-size:13px;color:#6d6e61;min-height:55px;margin:0 auto 6px}.feature-card a{font-size:13px;color:var(--green);font-weight:700}.feature-card a:hover{text-decoration:underline}.bio-feature{display:grid;grid-template-columns:1.1fr .9fr;background:#f5ecda}.bio-landscape{min-height:360px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;text-align:center;direction:rtl;color:#fff8df;padding:25px}.bio-landscape p{font-size:22px;text-shadow:0 2px 8px #000;max-width:440px}.bio-copy{padding:40px clamp(24px,5vw,90px);text-align:right;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.bio-copy h2{font-family:var(--serif);font-size:32px;margin:0 0 15px}.bio-copy p{font-size:17px;color:#394b3f;line-height:2.1}.bio-copy .button{margin-top:8px}.posts-section{padding-top:45px;padding-bottom:55px;background:linear-gradient(180deg,#faf5e8,#f4ead7)}.section-heading{font-family:var(--serif);font-size:30px;text-align:center;margin:0 0 25px}.section-heading:before,.section-heading:after{content:"✥";color:#b38b4d;font-size:18px;margin:0 18px}.post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.post-card{background:#f7f1e5;border:1px solid #d8c7ab;border-radius:5px;overflow:hidden;box-shadow:0 4px 12px #614e2910}.post-thumb{display:block;height:160px;overflow:hidden;background:#d7c9a9}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-body{padding:13px 15px 17px;font-size:13px}.post-body span{color:#ae8b57;font-size:11px}.post-body h3{font-family:var(--serif);font-size:18px;min-height:56px;line-height:1.7;margin:6px 0}.post-body time{display:block;color:#8b887a;font-size:11px}.post-body>a:last-child{display:inline-block;color:#0c4737;font-size:12px;font-weight:700;margin-top:15px}.empty-posts{grid-column:1/-1;text-align:center}.support-band{color:#fff4d7;text-align:center;border-block:2px solid #b78e48;background:linear-gradient(90deg,#05281ff2,#05281fe5),var(--support-bg) center/cover;position:relative}.support-inner{max-width:1200px;margin:auto;padding:30px 22px;display:flex;flex-direction:column;gap:14px;align-items:center}.support-inner h2{font-family:var(--serif);font-size:25px;margin:0}.support-inner p{font-size:15px;margin:0}.button-outline{background:transparent}.site-footer{background:#05241d;color:#e6ddc8;padding:22px}.footer-inner{max-width:var(--max);display:flex;justify-content:space-between;gap:20px;align-items:start;margin:auto}.footer-identity>a{font-family:var(--serif);font-size:22px;color:#dfc691}.footer-identity p{font-size:12px;margin:0}.footer-nav .menu,.social-nav .menu{justify-content:flex-start;flex-wrap:wrap}.footer-nav .menu a,.social-nav .menu a{font-size:12px}.footer-nav .menu a:hover,.social-nav .menu a:hover{color:#efc775}.copyright{font-size:11px;color:#d0c2a4;margin:14px 0 0}.page-content,.content-single{max-width:var(--max);min-height:55vh;margin:0 auto;padding:55px 24px}.page-content h1,.content-single h1{font-family:var(--serif);font-size:35px}.entry-content{max-width:900px}.entry-content img{height:auto}.pagination{margin:30px 0}.pagination a,.pagination span{padding:5px 10px}.page-content .post-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1200px){.header-inner{gap:13px;padding:12px}.brand-copy strong{font-size:18px}.brand{max-width:250px}.primary-nav .menu a{font-size:12px}.primary-nav ul.menu{gap:11px}.header-search{min-width:150px}.hero-copy{right:6.7%;width:44%;top:7%}.hero-copy h1{font-size:clamp(34px,4.4vw,65px)}.hero-description{font-size:12px}.hero-motto{display:none}}
@media(max-width:980px){.header-search{display:none}.menu-toggle{display:block;margin-right:auto}.primary-nav{position:absolute;display:none;top:100%;right:0;left:0;background:#052820;border-bottom:1px solid #bd9556;padding:14px}.primary-nav.is-open{display:block}.primary-nav ul.menu{display:flex;flex-direction:column;align-items:stretch;gap:3px}.primary-nav .menu a{padding:8px 12px;font-size:15px}.primary-nav .sub-menu{position:static;display:block;background:transparent;box-shadow:none;padding-inline-start:20px}.feature-grid{grid-template-columns:repeat(3,1fr);row-gap:40px}.post-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{width:51%;right:2%;top:7%}.hero-copy h1{font-size:clamp(31px,4.3vw,47px)}.hero-copy .hero-subtitle{font-size:29px}.hero-copy .hero-role{font-size:17px}.hero-copy .hero-description{font-size:12px}.hero-copy .hero-ornament{margin:3px auto}.hero-copy .button{padding:8px 16px;font-size:13px}}
@media(max-width:650px){.header-inner{min-height:68px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:10px}.hero-home{aspect-ratio:auto;min-height:740px;background:#e6cda4}.hero-art{background-size:auto 460px;background-position:left bottom;background-color:#eed7ad}.hero-home::after{background:linear-gradient(to bottom,rgba(247,235,210,.96) 0%,rgba(248,238,214,.94) 30%,rgba(246,234,208,.72) 43%,transparent 65%)}.hero-copy{position:relative;width:100%;top:0;right:0;padding:22px 16px 0}.hero-copy h1{font-size:clamp(33px,8.4vw,45px)}.hero-copy .hero-subtitle{font-size:26px}.hero-copy .hero-description{font-size:13px;max-width:440px}.hero-copy .button{font-size:13px}.hero-motto{display:none}.books-strip-inner{gap:8px;padding:13px}.books-strip strong{width:100%;text-align:center}.books-strip a{font-size:12px;padding:4px 10px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:35px 12px}.section{padding:42px 14px}.feature-card{min-height:196px}.feature-card h2{font-size:21px}.feature-card p{font-size:12px}.bio-feature{display:flex;flex-direction:column-reverse}.bio-copy{padding:25px 20px}.bio-copy h2{font-size:27px}.bio-landscape{min-height:240px}.post-grid,.page-content .post-grid{grid-template-columns:repeat(2,1fr)}.post-thumb{height:120px}.post-body{padding:12px}.post-body h3{font-size:16px}.footer-inner{display:block;text-align:center}.footer-nav .menu,.social-nav .menu{justify-content:center;margin:15px 0}.section-heading{font-size:26px}.section-heading:before,.section-heading:after{margin:0 8px}.site-footer{padding:24px 16px}}
@media(max-width:370px){.feature-grid,.post-grid,.page-content .post-grid{grid-template-columns:1fr}.hero-copy h1{font-size:29px}.hero-home{min-height:735px}.hero-art{background-position:18% bottom}.brand-mark{width:32px;height:32px}.feature-card{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Version 2.1 — keep hero as one full image, overlay editable text */
.hero-home.hero-home-img{position:relative;display:block;overflow:hidden;background:#e3cda4;aspect-ratio:auto;min-height:0}
.hero-home.hero-home-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(248,240,224,0) 0%,rgba(248,240,224,0) 38%,rgba(248,240,224,.18) 50%,rgba(248,240,224,.58) 60%,rgba(248,240,224,.79) 70%,rgba(248,240,224,.34) 100%)}
.hero-home.hero-home-img .hero-image-full{display:block;width:100%;height:auto;position:relative;z-index:0}
.hero-home.hero-home-img .hero-copy{position:absolute;z-index:2;right:8.7%;top:7.6%;width:44%;text-align:center;direction:rtl}
.hero-home.hero-home-img .hero-motto{z-index:2;right:1.1%;bottom:4.2%;max-width:9.8%;min-width:128px}
@media(max-width:1200px){.hero-home.hero-home-img .hero-copy{right:5.8%;top:6.9%;width:46%}.hero-home.hero-home-img .hero-copy h1{font-size:clamp(32px,4.1vw,58px)}}
@media(max-width:980px){.hero-home.hero-home-img .hero-copy{right:3.2%;top:5.5%;width:49%}.hero-home.hero-home-img .hero-copy h1{font-size:clamp(29px,3.9vw,45px)}.hero-home.hero-home-img .hero-subtitle{font-size:27px}.hero-home.hero-home-img .hero-role{font-size:16px}.hero-home.hero-home-img .hero-description{font-size:12px;line-height:1.65}.hero-home.hero-home-img .hero-motto{display:none}}
@media(max-width:700px){.hero-home.hero-home-img{background:#ead5af;min-height:760px}.hero-home.hero-home-img .hero-image-full{width:100%;height:100%;object-fit:cover;object-position:left center;min-height:760px}.hero-home.hero-home-img::after{background:linear-gradient(180deg,rgba(249,240,223,.96) 0%,rgba(249,240,223,.92) 27%,rgba(249,240,223,.58) 45%,rgba(249,240,223,.12) 63%,transparent 100%)}.hero-home.hero-home-img .hero-copy{right:0;top:0;width:100%;padding:20px 16px 0;position:absolute}.hero-home.hero-home-img .hero-copy h1{font-size:clamp(30px,8.4vw,44px)}.hero-home.hero-home-img .hero-subtitle{font-size:26px}.hero-home.hero-home-img .hero-role{font-size:17px}.hero-home.hero-home-img .hero-description{font-size:13px;max-width:430px;margin-inline:auto}.hero-home.hero-home-img .hero-motto{display:none}}