/* ==========================================================================
   v7.3 (WP-SHELL — parity/v73-update-spec.md §12.6، §12.12، D53): حبة «البلد واللغة» ونافذتها — لارافل وحده (بلا نظير في المنصة).
   الشكل المعتمد: parity/mocks/taswaq-store/ (الحبة، المنبثقة تحت الزر على الحاسوب، اللوح السفلي بخلفية معتمة على الهاتف)،
   والإتاحة والقياس: parity/mocks/locale-switcher/ (dialog أصلي، حبس التركيز، Escape، إعادة التركيز، قياس القائمة، التضييق المقاس).
   الرموز بأسماء --lc-* بقيم shop.css حرفياً على جذور المكوّن نفسه (الحبة، النافذة، صفحة /country) — فالمكوّن واحد على صفحات
   لا تحمّل shop.css (قشرة الدخول، قشرة المستهلك، المتجر العام) ولا تتأثر به ألوان الكونسول (ds.css). Cairo وحده، خصائص منطقية
   (RTL/LTR)، أهداف لمس ≥ 44px، ونصف القطر الكامل للحبة مسموح على أسطح المشتري (توضيح G11).
   ========================================================================== */
.lc-wrap,.lc-dlg,.lc-panel--page{
  --lc-ink:#0B1F3A;--lc-ink-2:#0D2749;--lc-text:#33445C;--lc-muted:#56677F;--lc-legend:#475569;--lc-help:#64748B;
  --lc-line:#E2E8F0;--lc-line-2:#CBD5E1;--lc-tint:#F3F6FB;--lc-tint-2:#E9EFF8;
  --lc-orange:#EA580C;--lc-orange-ink:#C2410C;--lc-orange-dk:#9A3412;
  --lc-amber:#B45309;--lc-amber-bg:#FEF3C7;--lc-green:#0F6E56;--lc-green-bg:#E6F4EF;
  --lc-r:18px;--lc-r-lg:24px;--lc-font:Cairo,sans-serif;
  font-family:var(--lc-font)
}

/* ---------- الأعلام: رقاقة 3:2 ثابتة لا تنعكس مع اتجاه الصفحة (partials/flag، WP-GEO) ---------- */
.flag{flex:none;display:block;width:24px;height:16px;border-radius:3px;direction:ltr}

/* ---------- الأيقونات والنص المخفي بصرياً ---------- */
.lc-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lc-sr,.lc-vh{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* ==========================================================================
   الحبة: [علم] البلد | [كرة] اللغة ⌄ — رابط إلى /country بلا JS، وزر يفتح النافذة بـswitchers.js
   ========================================================================== */
.lc-wrap{position:relative;flex:none;display:flex;align-items:center;min-width:0}
.lc-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;max-width:100%;padding:0 14px;border:1px solid var(--lc-line);border-radius:999px;background:#fff;color:var(--lc-ink);font:700 14px/1 var(--lc-font);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .15s}
.lc-wrap .lc-btn,.lc-wrap .lc-btn:hover,.lc-wrap .lc-btn:focus{color:var(--lc-ink);text-decoration:none}   /* يغلب «.x a{color}» في رؤوس الصفحات المضيفة */
.lc-btn:hover{border-color:var(--lc-orange-ink)}
.lc-btn[aria-expanded=true]{border-color:var(--lc-orange-ink);box-shadow:0 0 0 4px rgba(194,65,12,.10)}
.lc-btn:focus-visible{outline:3px solid rgba(194,65,12,.45);outline-offset:2px}
.lc-btn .flag{width:24px;height:16px}
.lc-btn__country{min-width:0;max-width:9em;overflow:hidden;text-overflow:ellipsis;line-height:1.8}
.lc-btn__div{width:1px;height:18px;background:var(--lc-line);flex:none}
.lc-btn__globe{width:18px;height:18px}
.lc-btn__lang{font-weight:700;line-height:1.8}
.lc-btn__code{display:none;font-weight:800;letter-spacing:.4px}
.lc-btn__chev{width:14px;height:14px;opacity:.6;transition:transform .2s}
.lc-btn[aria-expanded=true] .lc-btn__chev{transform:rotate(180deg)}
/* حجم تذييل بطاقة الدخول/التسجيل (variant=foot) — يبقى كاملاً على الهاتف كما في لقطة login-footer-ar */
.lc-btn--sm{font-size:13.5px;gap:7px;padding:0 11px}
.lc-btn--sm .flag{width:21px;height:14px}
.lc-btn--sm .lc-btn__globe{width:17px;height:17px}
/* المضغوط: علم + كرة + رمز اللغة AR/EN/TR؛ الاسمان مخفيان بصرياً ويبقيان لقارئ الشاشة */
.lc-wrap.is-compact .lc-btn__country,.lc-wrap.is-compact .lc-btn__lang{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.lc-wrap.is-compact .lc-btn__code{display:inline}
.lc-wrap.is-compact .lc-btn__chev{display:none}
.lc-wrap.is-compact .lc-btn{gap:7px;padding:0 10px}

/* داخل قشرة الدخول: auth.css يفرض على كل روابط التذييل لوناً وحشوة وخلفية بـ!important — الحبة تستعيد شكلها */
.au-foot a.lc-btn{min-height:44px!important;padding:0 11px!important;border-radius:999px!important;background:#fff!important;color:var(--lc-ink)!important;font-size:13.5px!important;font-weight:700!important;text-decoration:none!important;gap:7px}
.au-foot a.lc-btn:hover{color:var(--lc-ink)!important;text-decoration:none!important;border-color:var(--lc-orange-ink)}

/* ==========================================================================
   النافذة (dialog): منبثقة مثبّتة تحت الزر (≥ 640px وارتفاع ≥ 561px) · لوح سفلي بمقبض وخلفية معتمة (غير ذلك)
   ========================================================================== */
.lc-dlg{position:fixed;inset:auto;margin:0;padding:0;border:0;background:transparent;color:var(--lc-text);width:360px;max-width:calc(100vw - 24px);max-height:none;overflow:visible}
.lc-dlg::backdrop{background:transparent}
.lc-panel{position:relative;display:flex;flex-direction:column;max-height:var(--lc-maxh,min(70vh,560px));margin:0;background:#fff;border:1px solid var(--lc-line);border-radius:var(--lc-r);box-shadow:0 18px 48px rgba(11,31,58,.18);text-align:start;color:var(--lc-text)}
.lc-panel:focus{outline:0}
.lc-caret{position:absolute;top:-7px;left:var(--lc-caret,24px);width:14px;height:14px;background:#fff;border:1px solid var(--lc-line);border-right:0;border-bottom:0;border-radius:3px 0 0 0;transform:rotate(45deg)}
.lc-dlg.is-up .lc-caret{top:auto;bottom:-7px;border:1px solid var(--lc-line);border-left:0;border-top:0;border-radius:0 0 3px 0}
.lc-handle{display:none;position:relative;height:20px;flex:none;touch-action:none;cursor:grab}
.lc-handle::before{content:"";position:absolute;top:8px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:9px;background:var(--lc-line-2)}
.lc-head{display:flex;align-items:center;gap:12px;padding:14px 16px 6px}
.lc-title{flex:1;min-width:0;margin:0;font:800 16px/1.4 var(--lc-font);color:var(--lc-ink)}
.lc-x{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:-2px;padding:0;border:0;border-radius:12px;background:var(--lc-tint);color:var(--lc-ink);cursor:pointer;transition:background-color .15s}
.lc-x:hover{background:var(--lc-tint-2)}
.lc-x:focus-visible{outline:3px solid rgba(194,65,12,.45);outline-offset:2px}
.lc-x .lc-ic{width:20px;height:20px}
.lc-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 16px 12px;display:grid;gap:10px;scrollbar-width:thin}
.lc-set{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:0}
.lc-legend{float:none;width:100%;margin:0;padding:6px 0;font:800 13px/1.4 var(--lc-font);color:var(--lc-legend)}
.lc-legend__in{display:flex;align-items:center;gap:8px}
.lc-legend__ic{display:none}
/* سطر المساعدة بعد قائمة الدول كما في النموذج المعتمد (الترتيب بصري وحده؛ الربط aria-describedby قائم) */
.lc-help{order:2;display:flex;align-items:flex-start;gap:6px;margin:6px 4px 2px;font:600 12.5px/1.6 var(--lc-font);color:var(--lc-help)}
.lc-help .lc-ic{width:15px;height:15px;margin-top:2px}
/* قائمة الدول وحدها تُمرَّر فيبقى العنوان واللغة و«حفظ» ظاهرة؛ switchers.js يضبط --lc-listmax من الارتفاع الفعلي */
.lc-list{position:relative;display:grid;gap:2px;max-height:var(--lc-listmax,none);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--lc-line-2) transparent;padding:4px;margin:-4px}
.lc-list.is-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),transparent);mask-image:linear-gradient(#000 calc(100% - 26px),transparent)}
.lc-list.is-above{-webkit-mask-image:linear-gradient(transparent,#000 26px);mask-image:linear-gradient(transparent,#000 26px)}
.lc-list.is-above.is-below{-webkit-mask-image:linear-gradient(transparent,#000 26px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(transparent,#000 26px,#000 calc(100% - 26px),transparent)}
.lc-langs{display:grid;gap:2px}

/* صف الخيار (بلد أو لغة): زر اختيار حقيقي مخفي بصرياً داخل label */
.lc-opt,.lc-seg{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:0 10px;border-radius:12px;cursor:pointer;color:var(--lc-ink);font:700 15px/1.35 var(--lc-font);transition:background-color .15s}
.lc-opt:hover,.lc-seg:hover{background:var(--lc-tint)}
.lc-in{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.lc-opt .flag{width:24px;height:16px}
.lc-opt__name,.lc-seg__name{flex:1;min-width:0}
html[dir=rtl] .lc-seg__name{text-align:right}
html[dir=ltr] .lc-seg__name{text-align:left}
/* نافذة اللغة وحدها: العنوان «اللغة» يكفي، والعنوان الفرعي المكرر مخفي بصرياً (يبقى اسماً للمجموعة) */
.lc-dlg--lang .lc-legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.lc-opt__cur{flex:none;font-size:12px;font-weight:700;color:var(--lc-help);direction:ltr;unicode-bidi:isolate}
.lc-badge{flex:none;padding:2px 8px;border-radius:999px;background:var(--lc-amber-bg);color:var(--lc-amber);font:800 11px/1.5 var(--lc-font);white-space:nowrap}
.lc-badge--origin{background:var(--lc-green-bg);color:var(--lc-green)}
.lc-radio{flex:none;display:grid;place-items:center;width:20px;height:20px;border:2px solid var(--lc-line-2);border-radius:50%;background:#fff;color:#fff;transition:border-color .15s,background .15s}
.lc-radio .lc-ic{display:none}
.lc-opt:has(.lc-in:checked) .lc-radio,.lc-seg:has(.lc-in:checked) .lc-radio{border-color:var(--lc-orange-ink);background:radial-gradient(var(--lc-orange-ink) 45%,#fff 50%)}
.lc-opt:has(.lc-in:checked) .lc-opt__name,.lc-seg:has(.lc-in:checked) .lc-seg__name{font-weight:800}
.lc-opt:has(.lc-in:focus-visible),.lc-seg:has(.lc-in:focus-visible){outline:3px solid rgba(194,65,12,.45);outline-offset:2px}
.lc-opt.is-dis{opacity:.55;cursor:not-allowed}
.lc-opt.is-dis:hover{background:transparent}

.lc-foot{padding:10px 16px 16px;border-top:1px solid var(--lc-line);background:#fff;border-radius:0 0 var(--lc-r) var(--lc-r)}
.lc-save{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:0 22px;border:0;border-radius:14px;background:var(--lc-orange-ink);color:#fff;font:800 16px/1 var(--lc-font);cursor:pointer;box-shadow:0 16px 34px -18px rgba(194,65,12,.65);transition:background-color .15s}
.lc-save:hover{background:var(--lc-orange-dk);color:#fff}
.lc-save:focus-visible{outline:3px solid var(--lc-orange);outline-offset:3px}

/* حركة الفتح (عند تفاعل المستخدم فقط) */
.lc-dlg.is-anim .lc-panel{animation:lcPop .18s cubic-bezier(.2,.8,.3,1)}
.lc-dlg.is-up.is-anim .lc-panel{animation-name:lcPopUp}
@keyframes lcPop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes lcPopUp{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes lcSheet{from{transform:translateY(100%)}to{transform:none}}

/* المنبثقة على الحاسوب: موضعها من switchers.js (حافة الزر، تحته أو فوقه) */
@media (min-width:640px) and (min-height:561px){
  .lc-dlg{top:var(--lc-top,auto);bottom:var(--lc-bottom,auto);left:var(--lc-left,auto)}
}
/* اللوح السفلي: الهاتف (< 640) وكل شاشة قصيرة (≤ 560، مثل الهاتف بالعرض) */
@media (max-width:639.98px),(max-height:560.98px){
  .lc-dlg{left:0;right:0;bottom:0;top:auto;width:100%;max-width:560px;margin:0 auto}
  .lc-dlg::backdrop{background:rgba(11,31,58,.38)}
  .lc-panel{max-height:calc(100dvh - 24px);border-bottom:0;border-radius:var(--lc-r-lg) var(--lc-r-lg) 0 0;box-shadow:0 -20px 50px -20px rgba(11,31,58,.45)}
  .lc-caret{display:none}
  .lc-handle{display:block}
  .lc-head{padding:0 16px 4px;touch-action:none}
  .lc-opt,.lc-seg{min-height:48px}
  .lc-foot{padding:10px 16px calc(14px + env(safe-area-inset-bottom));border-radius:0;box-shadow:0 -10px 20px -18px rgba(11,31,58,.35)}
  .lc-save{min-height:52px}
  .lc-dlg.is-anim .lc-panel{animation:lcSheet .26s cubic-bezier(.2,.8,.3,1)}
  .lc-panel.is-dragging{transition:none!important;animation:none!important}
  .lc-panel.is-settling{transition:transform .2s cubic-bezier(.2,.8,.3,1)}
}
@media (max-height:560.98px){
  .lc-handle{height:16px}
  .lc-handle::before{top:6px}
  .lc-body{gap:6px;padding:0 16px 8px}
  .lc-opt,.lc-seg{min-height:44px}
  .lc-foot{padding:8px 16px calc(10px + env(safe-area-inset-bottom))}
  .lc-save{min-height:46px}
}
/* الهاتف بالعرض: عمودان (الدول | اللغة) فيبقى الاثنان ظاهرين */
@media (max-height:560.98px) and (min-width:520px){
  .lc-dlg{max-width:720px}
  .lc-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:0 20px}
}

/* صفحة /country بلا JS (variant=page — shop/locale، WP-GEO): النموذج نفسه بطاقةً في الصفحة */
.lc-panel--page{width:100%;max-width:480px;max-height:none;margin:24px auto;border-radius:var(--lc-r-lg);box-shadow:0 18px 50px -24px rgba(11,31,58,.35)}
.lc-panel--page .lc-head{padding:18px 18px 6px}
.lc-panel--page .lc-title{font-size:20px}
.lc-panel--page .lc-body{overflow:visible;padding:2px 18px 14px}
.lc-panel--page .lc-list{max-height:none;overflow:visible}
.lc-panel--page .lc-foot{border-radius:0 0 var(--lc-r-lg) var(--lc-r-lg)}

/* ==========================================================================
   رأس صفحة التسوّق (shop/index، §12.12): الحبة خارج القائمة المطوية دائماً — قواعد التجاوب المثبتة بالفحص.
   محصورة برأس يحوي الحبة (:has) فلا تمسّ رأساً بلا حبة؛ shop.css (WP-GEO) يبقى كما هو.
   ========================================================================== */
.hdr__in>.lc-wrap--hdr{margin-inline-start:12px}
/* تحت 1180px: علم + كرة + رمز اللغة (حبة البلد واللغة؛ حبة اللغة وحدها تبقى «كرة + اسم اللغة») */
@media (max-width:1180px){
  .lc-wrap--hdr:not(.lc-wrap--lang) .lc-btn__country,.lc-wrap--hdr:not(.lc-wrap--lang) .lc-btn__lang{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .lc-wrap--hdr:not(.lc-wrap--lang) .lc-btn__code{display:inline}
  .lc-wrap--hdr:not(.lc-wrap--lang) .lc-btn__chev{display:none}
  .lc-wrap--hdr:not(.lc-wrap--lang) .lc-btn{gap:7px;padding:0 10px}
  .hdr__in>.lc-wrap--hdr{margin-inline-start:8px}
}
/* 861–1100px: تُضيَّق مسافات القائمة والأزرار (قاعدة shop.css لـ[dir=ltr] معمَّمة على الاتجاهين) وارتفاع الشعار 40px */
@media (min-width:861px) and (max-width:1100px){
  .hdr__in:has(>.lc-wrap--hdr){gap:12px}
  .hdr__in:has(>.lc-wrap--hdr) .hdr__panel{gap:10px}
  .hdr__in:has(>.lc-wrap--hdr) .nav a{padding:8px 8px;font-size:14px}
  .hdr__in:has(>.lc-wrap--hdr) .hdr__act{gap:6px}
  .hdr__in:has(>.lc-wrap--hdr) .hdr__act .btn--sm{padding:0 11px;font-size:14px}
  .hdr__in:has(>.lc-wrap--hdr) .tw-logo{height:40px;width:auto}
}
/* تحت 861px: القائمة مطوية (shop.css) والحبة بجانب زر القائمة — زر القائمة بلا هامش تلقائي كي لا تطفو الحبة في الوسط */
@media (max-width:860px){
  .hdr__in>.lc-wrap--hdr{margin-inline-start:auto;margin-inline-end:8px}
  .hdr__in:has(>.lc-wrap--hdr) .hdr__burger{margin-inline-start:0}
}
@media (max-width:359px){
  .lc-wrap--hdr .lc-btn__div{display:none}
  .lc-wrap--hdr .lc-btn{gap:6px;padding:0 9px}
}
/* قشرة المستهلك (layouts/consumer): الحبة في منطقة المستخدم */
.cons-user .lc-wrap{margin-inline-end:2px}
/* صفحات القانون (legal/terms|privacy): حبة اللغة وحدها تحت شريط المحتوى، وشارة التركية بانتظار المراجعة القانونية */
.lc-bar{display:flex;justify-content:center;margin-top:12px}
.lc-legal-note{max-width:860px;margin:0 auto 12px;padding:10px 14px;border:1px solid #FDE68A;border-radius:14px;background:#FFFBEB;color:#92400E;font:700 14px/1.6 Cairo,sans-serif;text-align:center}

@media (prefers-reduced-motion:reduce){
  .lc-btn,.lc-btn__chev,.lc-x,.lc-opt,.lc-seg,.lc-radio,.lc-save{transition:none}
  .lc-dlg.is-anim .lc-panel{animation:none}
}