/*
  أنماط موقع روزانا المشتركة: الألوان والخطوط والأزرار والرأس والتذييل.
  تعمل في الصفحة العربية من اليمين والإنجليزية من اليسار بالملف نفسه، لأن المسافات كلها منطقية (inline/block).
  لو غاب: تظهر الصفحة بلا تنسيق.
*/
:root{
  --olive:#3E4A3D;--cream:#EAE4D6;--wheat:#B9A77E;--sage:#7C8B6F;--oblack:#1E221D;
  --paper:#F4F0E7;--white:#FFFFFF;--muted:#5F6A5C;--rule:rgba(62,74,61,.18);
  --ar:'IBM Plex Sans Arabic',Tahoma,sans-serif;--dis:'Marcellus',Georgia,serif;--lat:'Jost','Segoe UI',sans-serif;
  --gut:clamp(16px,4.5vw,64px);
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--olive);font-family:var(--ar);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
html[lang=en] body{font-family:var(--lat)}
img{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-weight:300;line-height:1.3;text-wrap:balance}
.num,.lat{font-family:var(--lat);direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.ltr{direction:ltr;unicode-bidi:isolate;text-align:left}
.cap{font-family:var(--lat);font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);direction:ltr;unicode-bidi:isolate}
.on-dark .cap{color:rgba(234,228,214,.72)}
[dir=rtl] .cap{text-align:right}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{width:auto;height:auto;clip:auto;inset-inline-start:16px;top:8px;z-index:99;background:var(--white);padding:8px 14px}

/* أزرار، من صفحة «الأزرار والحقول» في الدليل */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 24px;border-radius:2px;border:1px solid var(--olive);background:var(--olive);color:var(--cream);font:500 15px/1.2 var(--ar);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}
html[lang=en] .btn{font-family:var(--lat)}
.btn:hover{background:#334032}
.btn:active{background:var(--oblack);transform:translateY(1px)}
.btn:focus-visible,.hdr nav a:focus-visible,.lang:focus-visible,.menu-btn:focus-visible,.ft a:focus-visible{outline:0;box-shadow:0 0 0 2px var(--cream),0 0 0 4px var(--wheat)}
.btn.sec{background:transparent;color:var(--olive)}
.btn.sec:hover{background:rgba(62,74,61,.08)}
/* زرّ واتساب أغمق من المريمي ليقرأ بوضوح: تباين 4.64 إلى 1 (قرار كريم [2026-11-06]) */
.btn.wa{background:#5A694F;border-color:#5A694F}
.btn.wa:hover{background:#4C5A43}
.btn.txt{background:transparent;border-color:transparent;color:var(--olive);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--wheat);padding-inline:6px}
.btn.txt:hover{background:transparent;color:var(--oblack)}
.btn:disabled{background:#CFCABD;border-color:#CFCABD;color:#6F6D66;cursor:not-allowed;transform:none}
.btn.light{background:var(--cream);border-color:var(--cream);color:var(--olive)}
.btn.light:hover{background:var(--white)}
.btn.ghost{background:transparent;border-color:rgba(234,228,214,.55);color:var(--cream)}
.btn.ghost:hover{background:rgba(234,228,214,.1)}
.btn svg{width:18px;height:18px;flex:none}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* أيقونات خطّية بسماكة 1.5 كخطّ الشعار */
.ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* طرف القوس: الزخرفة الوحيدة، قوس تقطعه حافّة المساحة */
.arch-end{position:absolute;pointer-events:none;fill:none;stroke:var(--wheat);stroke-width:1.4;overflow:visible}
.arch-end path{vector-effect:non-scaling-stroke}

/* الرأس */
.hdr{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding:14px var(--gut);background:var(--cream);border-bottom:1px solid var(--rule)}
.hdr .logo{width:180px;flex:none;display:block}
.hdr nav{flex:1;display:flex;justify-content:center;gap:clamp(18px,2.6vw,38px)}
.hdr nav a{text-decoration:none;font-size:15px;font-weight:500;padding:8px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.hdr nav a:hover{border-bottom-color:var(--wheat)}
.hdr .nav-cta{display:none}
.hdr .end{display:flex;align-items:center;gap:18px;flex:none}
.lang{font-family:var(--lat);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:8px 2px}
.lang:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--wheat)}
.lang:lang(ar){font-family:var(--ar);font-size:14px;letter-spacing:0}
.menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--rule);border-radius:2px;background:transparent;color:inherit;cursor:pointer}
.menu-btn svg{width:22px;height:22px}
.hdr.dark{background:var(--olive);color:var(--cream);border-bottom-color:rgba(234,228,214,.16)}
.hdr.dark .menu-btn{border-color:rgba(234,228,214,.3)}
.hdr.white{background:var(--white)}
/* زرّ الرأس وكلمة English فوقه بعرض واحد، فتقع الكلمة في منتصف الزرّ */
@media (min-width:961px){
  .hdr .end .btn{width:var(--cta-w,190px)}
  .util .lang{display:inline-block;width:var(--cta-w,190px);text-align:center}
}
@media (max-width:960px){
  .hdr{flex-wrap:wrap;padding-block:10px}
  .hdr .logo{width:180px;margin-inline-end:auto}
  .hdr nav,.hdr .end .btn{display:none}
  .menu-btn{display:inline-flex}
  .hdr.open nav{display:flex;order:5;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 14px}
  .hdr.open nav a{padding:12px 0;border-bottom:1px solid var(--rule);font-size:16px}
  .hdr.dark.open nav a{border-bottom-color:rgba(234,228,214,.16)}
  .hdr.open .nav-cta{display:inline-flex;margin-top:14px;border-bottom:1px solid var(--olive)}
}

/* التذييل */
.ft{background:var(--olive);color:var(--cream);position:relative;overflow:hidden}
.ft a{text-decoration:none}
.ft a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--wheat)}
.ft h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--wheat)}
.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.contact{display:flex;flex-direction:column;gap:8px}
.ft ul li,.contact>a,.contact>span{line-height:26px;min-height:26px}
.contact>a,.contact>span{display:flex;align-items:center;gap:10px}
.contact .ltr{justify-content:flex-start;flex-direction:row}
.contact .ltr span,.contact a.ltr{font-family:var(--lat);font-size:15px}
.contact .ltr span[dir=rtl]{font-family:var(--ar)}
.ft-bar{background:var(--oblack);color:rgba(234,228,214,.66);font-size:13px;padding:14px var(--gut);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center}
.ft-bar .sister{font-size:12.5px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(185,167,126,.6)}
.ft-bar .sister:hover{color:var(--cream)}