/* =====================================================================
   Temeralds — header.css
   الترويسة: الشريط العلوي + شريط التنقّل + الأزرار
   ===================================================================== */

.topbar{background:var(--ink);color:#fefae0;font-size:.82rem;text-align:center;padding:8px 0;font-weight:500}
.topbar b{color:var(--tan)}
.nav{position:sticky;top:0;z-index:100;background:rgba(246,244,234,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;flex-direction:column;line-height:1.05}
.logo b{font-family:var(--disp);font-weight:900;font-size:1.5rem}
.logo b span{color:var(--rust)}
.logo small{font-size:.66rem;color:var(--muted);font-weight:600;letter-spacing:1px}
.nlinks{display:flex;gap:28px;font-weight:600;font-size:.95rem}
.nlinks a{position:relative;transition:color .2s}
.nlinks a:hover{color:var(--rust)}
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-call{font-weight:700;color:var(--ink);font-size:.95rem;display:flex;align-items:center;gap:7px}
.nav-call svg{width:16px !important;height:16px !important;color:var(--rust)}
@media(max-width:920px){
.nlinks,.nav-call{display:none}
}
.nav-burger{display:none;background:none;border:1.5px solid var(--line);border-radius:10px;width:46px;height:42px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}
.nav-burger span,.nav-burger span::before,.nav-burger span::after{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}
.nav-burger span{position:relative}
.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0}
.nav-burger span::before{top:-6px}
.nav-burger span::after{top:6px}
@media(max-width:920px){
.nav-burger{display:flex}
}

/* ===== شعار نصّي + أيقونة (تاميرالدز + التعريف أسفله) ===== */
.logo{display:flex;flex-direction:row;align-items:center;gap:11px;text-decoration:none}
.logo .logo-ic{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;background:linear-gradient(150deg,var(--rust),#8f4f17);box-shadow:0 8px 20px rgba(188,108,37,.32)}
.logo .logo-ic svg{width:25px !important;height:25px !important;color:#fefae0}
.logo .logo-txt{display:flex;flex-direction:column;line-height:1.05}
.logo .logo-txt b{font-family:var(--disp);font-weight:900;font-size:1.6rem;color:var(--ink);letter-spacing:-.4px}
.logo .logo-txt small{font-size:.66rem;font-weight:700;letter-spacing:.6px;color:var(--muted);text-transform:uppercase;margin-top:3px}
.logo .logo-txt small span{color:var(--rust)}
.logo .custom-logo{max-height:54px !important;width:auto !important;display:block}
@media (max-width:520px){ .logo .logo-ic{width:42px;height:42px} .logo .logo-txt b{font-size:1.36rem} .logo .logo-txt small{font-size:.58rem;letter-spacing:.3px} }

/* ===== قفل ألوان الترويسة (ثابتة في كل الصفحات الفرعية) ===== */
.nav .nlinks a,.nav .ndrop-t,.nav .ndrop-menu a{color:var(--ink)}
.nav .nlinks a:hover,.nav .ndrop-t:hover,.nav .ndrop-menu a:hover{color:var(--rust)}
.nav .nav-call{color:var(--ink)}
.nav .nav-call svg{color:var(--rust)}
.nav .nav-actions .btn-primary,.nav a.btn-primary{color:#fff}
.nav .nav-actions .btn-primary{padding:8px 16px;font-size:.85rem}
.nav .logo .logo-txt b{color:var(--ink)}
.nav .logo .logo-txt small{color:var(--muted)}
.nav .logo .logo-txt small span{color:var(--rust)}

/* EN language switch (small, simple) */
.lang-en{display:inline-flex;align-items:center;gap:5px;font-family:'Cairo';font-weight:800;font-size:.8rem;
  color:var(--ink,#283618);border:1px solid var(--line,rgba(40,54,24,.12));border-radius:9px;padding:6px 10px;
  transition:background .2s,color .2s}
.lang-en:hover{background:var(--ink,#283618);color:#fff}
.lang-en svg{width:16px;height:16px}

/* Iconic menu */
.nlinks a,.nav .ndrop-t{display:inline-flex;align-items:center;gap:6px}
.nlinks .ni,.nav .ndrop-t .ni{flex:none;opacity:.8}
.ndrop-menu a .ni{opacity:.7;margin-inline-end:6px;width:15px;height:15px}
.mobile-menu .mm-h{display:flex;align-items:center;gap:7px}
.mobile-menu a .ni{margin-inline-end:9px;vertical-align:-3px;opacity:.75}