/* ══════════════════════════════════════════════════════════════════
   إطار الموقع — الشريط العلوي والرأس والفوتر · inc/chrome.php
   ملفّ مستقلّ عمدًا: كاش الاستضافة يتجاهل `?ver=` على الملفات الثابتة،
   فاسمٌ جديد يعني عنوانًا جديدًا يصل المتصفّح من أول مرة.
   ══════════════════════════════════════════════════════════════════ */

.bc-wrap{max-width:1240px;margin-inline:auto;padding-inline:24px}

/* ── الشريط العلوي ── */
.bc-top{background:#0B1230;color:#c9d2f2;font-size:13.5px;line-height:1.5}
.bc-top .bc-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:42px;padding-block:8px}
.bc-top-msg b{color:#fff;font-weight:700}
.bc-top-tel{color:#fff;font-weight:600;text-decoration:none;white-space:nowrap;
  direction:ltr;unicode-bidi:isolate}
.bc-top-tel:hover{color:#9fb4ff}

/* ── الرأس ── */
.bc-hdr{position:sticky;top:0;z-index:900;background:#fff;
  border-bottom:1px solid rgba(11,18,48,.08);box-shadow:0 1px 0 rgba(11,18,48,.03)}
.bc-hdr-in{display:flex;align-items:center;gap:28px;min-height:74px}

.bc-logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
.bc-logo .bc-mark{display:block;width:44px;height:auto;line-height:0}
.bc-logo .bc-mark svg{width:100%;height:auto;display:block}
.bc-word{display:flex;flex-direction:column;line-height:1.08}
.bc-word b{font-size:19px;font-weight:800;color:#0B1230;letter-spacing:-.2px}
.bc-word span{font-size:10.5px;font-weight:700;letter-spacing:2.4px;color:#6b7699;
  direction:ltr;unicode-bidi:isolate}

/* ── القائمة ── */
.bc-nav{display:flex;align-items:center;gap:2px;margin-inline-start:auto}
.bc-nav-a{display:inline-flex;align-items:center;gap:5px;padding:9px 13px;border-radius:9px;
  font-size:15.5px;font-weight:600;color:#243158;text-decoration:none;white-space:nowrap;
  transition:background .16s,color .16s}
.bc-nav-a:hover,.bc-has-mega:hover>.bc-nav-a,.bc-has-mega.is-open>.bc-nav-a{background:#eef2ff;color:#4B6BFF}
.bc-caret{width:0;height:0;border-inline:4px solid transparent;border-top:5px solid currentColor;
  opacity:.55;transition:transform .16s}
.bc-has-mega:hover .bc-caret,.bc-has-mega.is-open .bc-caret{transform:rotate(180deg)}

.bc-has-mega{position:relative}
.bc-mega{position:absolute;top:calc(100% + 10px);inset-inline-start:50%;
  transform:translateX(50%) translateY(-6px);min-width:330px;background:#fff;border-radius:16px;
  border:1px solid rgba(11,18,48,.09);box-shadow:0 18px 48px rgba(11,18,48,.14);
  padding:12px;opacity:0;visibility:hidden;pointer-events:none;transition:.18s;z-index:950}
.bc-has-mega:hover .bc-mega,.bc-has-mega:focus-within .bc-mega,.bc-has-mega.is-open .bc-mega{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(50%) translateY(0)}
.bc-mega::before{content:"";position:absolute;bottom:100%;inset-inline:0;height:12px}
.bc-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.bc-mega-grid a{padding:10px 12px;border-radius:9px;font-size:14.5px;font-weight:600;
  color:#243158;text-decoration:none;transition:background .14s,color .14s}
.bc-mega-grid a:hover{background:#eef2ff;color:#4B6BFF}
.bc-mega-foot{margin-top:8px;padding:10px 12px 4px;border-top:1px solid rgba(11,18,48,.07);
  font-size:13px;color:#6b7699;line-height:1.55}

/* ── الأزرار ── */
.bc-cta{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.bc-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;
  border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;
  transition:transform .14s,box-shadow .16s,background .16s;border:1.5px solid transparent}
.bc-btn-ghost{color:#243158;border-color:rgba(11,18,48,.16);background:#fff}
.bc-btn-ghost:hover{border-color:#4B6BFF;color:#4B6BFF}
.bc-btn-brand{color:#fff;background:linear-gradient(135deg,#4B6BFF,#7C5BFF);
  box-shadow:0 8px 20px rgba(75,107,255,.32)}
.bc-btn-brand:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(75,107,255,.42);color:#fff}

/* ── زر الجوال والدرج ── */
.bc-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;
  padding:0 12px;border:1px solid rgba(11,18,48,.14);border-radius:12px;background:#fff;cursor:pointer}
.bc-burger span{display:block;height:2.2px;background:#0B1230;border-radius:2px;transition:.22s}
.bc-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.2px) rotate(45deg)}
.bc-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.bc-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.2px) rotate(-45deg)}

.bc-drawer{position:fixed;inset:0;z-index:1000;background:#fff;overflow-y:auto;
  -webkit-overflow-scrolling:touch}
.bc-drawer[hidden]{display:none}
.bc-drawer-in{padding:88px 22px 40px;display:flex;flex-direction:column;gap:2px}
.bc-drawer-a{display:block;padding:15px 14px;border-radius:12px;font-size:18px;font-weight:700;
  color:#0B1230;text-decoration:none}
.bc-drawer-a:active{background:#eef2ff}
.bc-drawer-sub{display:flex;flex-wrap:wrap;gap:7px;padding:2px 14px 14px}
.bc-drawer-sub a{padding:9px 14px;border-radius:999px;background:#f2f5ff;font-size:14.5px;
  font-weight:600;color:#3d4a75;text-decoration:none}
.bc-drawer-cta{display:flex;flex-direction:column;gap:11px;margin-top:22px;
  padding-top:22px;border-top:1px solid rgba(11,18,48,.09)}
.bc-drawer-cta .bc-btn{padding:15px 22px;font-size:16.5px}
body.bc-locked{overflow:hidden}

/* زر الإغلاق داخل الدرج — يعلو المحتوى ويبقى في متناول الإبهام. */
.bc-drawer-x{position:absolute;top:18px;inset-inline-end:18px;width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;border:1px solid rgba(11,18,48,.14);
  border-radius:12px;background:#fff;font-size:22px;line-height:1;color:#0B1230;cursor:pointer}

@media (max-width:1080px){
  .bc-nav,.bc-cta{display:none}
  .bc-burger{display:flex}
  .bc-hdr-in{justify-content:space-between;gap:14px;min-height:66px}
  .bc-top-msg{font-size:12.5px}
}
@media (max-width:600px){
  .bc-wrap{padding-inline:18px}
  .bc-top .bc-wrap{flex-direction:column;align-items:flex-start;gap:3px;padding-block:9px}
  .bc-top-msg{font-size:12px;line-height:1.45}
  .bc-logo .bc-mark{width:38px}
  .bc-word b{font-size:16.5px}
  .bc-word span{font-size:9.5px;letter-spacing:2px}
  .bc-drawer-in{padding-top:80px}
}