/*
Theme Name: BaderLR Shop WP
Theme URI: https://badershop.com/baderlr-shop-wp
Author: BaderShop
Author URI: https://badershop.com
Description: قالب متجر WooCommerce احترافي حديث لـ BaderShop: منتجات بسيطة ومتغيّرة (مقاس، لون، نوع)، مجمّعة، رقمية، خارجية، اشتراكات، شحن، وتعدّد بائعين ووساطة. سلة جانبية، بحث مباشر، مفضّلة، عرض سريع، خيارات بالألوان والمقاسات، طلب عبر واتساب، دفع مبسّط للجزائر. ثلاث لغات (AR/EN/FR) بأشجار لغات بلا إضافات ودعم RTL كامل، مبدّل عملات، الوضع الليلي، توافق كامل مع Elementor، ومحمي بترخيص موقّع رقمياً. A modern multilingual WooCommerce + Elementor store theme.
Version: 2.2.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
WC requires at least: 8.0
WC tested up to: 11.2
License: Proprietary — sold with a per-domain license.
Text Domain: baderlr-shop-wp
Tags: e-commerce, woocommerce, rtl-language-support, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, block-patterns, wide-blocks, translation-ready, theme-options, footer-widgets
*/

/* =====================================================================
   BaderLR Shop WP — نظام التصميم
   منظّم في طبقات: tokens → base → layout → components → utilities.
   ===================================================================== */

/* ---------- 1) Design tokens ---------- */
:root{
  /* المقاس الطباعي (Perfect Fourth ~1.25) */
  --fs-xs:.78rem; --fs-sm:.875rem; --fs-base:1rem; --fs-md:1.125rem;
  --fs-lg:1.333rem; --fs-xl:1.777rem; --fs-2xl:2.369rem; --fs-3xl:3.157rem; --fs-4xl:4rem;
  --lh-tight:1.14; --lh-snug:1.3; --lh-body:1.85;
  --ls-tight:-.02em; --ls-wide:.02em;

  /* سلّم المسافات (قاعدة 4px) */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem;
  --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem; --s-10:8rem;

  /* الزوايا — تدرّج هرمي مقصود، لا زاوية واحدة للجميع */
  --r-pill:999px; --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:30px;

  /* الخطوط */
  --font:'IBM Plex Sans Arabic','Segoe UI',system-ui,sans-serif;
  --font-head:'Readex Pro','IBM Plex Sans Arabic',system-ui,sans-serif;

  /* التخطيط */
  --wrap:1200px; --wrap-narrow:820px; --gutter:clamp(16px,5vw,40px);
  --header-h:76px; --topbar-h:42px;

  /* الحركة */
  --ease:cubic-bezier(.22,.61,.36,1); --dur:.28s;
}

/* ----- النمط الافتراضي: BaderShop (أخضر ليموني من الشعار + أخضر عميق للنص والأزرار) ----- */
:root{
  --brand:#2F8A0B; --brand-d:#246B08; --brand-l:#5DB11E; --brand-2:#8BD621;
  --on-brand:#ffffff; --brand-soft:#EEF8E3; --brand-ring:rgba(47,138,11,.26);
  --grad:linear-gradient(120deg,#2F8A0B 0%,#4FA816 50%,#7CC51F 100%);
  --lime:#A6E22E; --navy:#0B2210;
  --sale:#E5484D; --star:#F5A524; --ok:#1F9D55;

  --bg:#FBFDF9; --bg-2:#F3F8EE; --surface:#FFFFFF; --surface-2:#F8FBF5;
  --ink:#0E1A0F; --body:#3B4A3C; --muted:#647565; --faint:#9AA99B;
  --line:#E4ECDF; --line-2:#D3E0CB;

  --shadow-1:0 1px 2px rgba(14,26,15,.06), 0 1px 3px rgba(14,26,15,.04);
  --shadow-2:0 8px 24px rgba(14,26,15,.08);
  --shadow-3:0 24px 56px rgba(14,26,15,.14);
  --shadow-brand:0 14px 34px var(--brand-ring);
  color-scheme:light;
}

/* ----- BaderInfo (أزرق وسماوي) ----- */
body.blr-v-baderinfo{
  --brand:#0A6FD6; --brand-d:#0757AB; --brand-l:#3D8FE6; --brand-2:#22D3EE;
  --brand-soft:#EAF3FD; --brand-ring:rgba(10,111,214,.28); --navy:#071A33;
  --grad:linear-gradient(120deg,var(--brand) 0%,color-mix(in srgb,var(--brand) 45%,var(--brand-2)) 55%,var(--brand-2) 100%);
  --bg:#FAFCFF; --bg-2:#F2F7FD; --surface-2:#F7FAFE;
  --ink:#0B1B33; --body:#3A4A63; --muted:#66768F; --faint:#9AA8BD;
  --line:#E3EBF5; --line-2:#D2DEEC;
}

/* ----- Aurora (نيلي عميق + سماوي هادئ) ----- */
body.blr-v-aurora{
  --brand:#3A4EE0; --brand-d:#2A3BC2; --brand-l:#6B7BF0; --brand-2:#0EA5E9;
  --brand-soft:#EEF1FE; --brand-ring:rgba(58,78,224,.28);
  --bg:#FBFCFE; --bg-2:#F4F7FC; --ink:#0D1526; --body:#3B4760; --line:#E6ECF6; --line-2:#D5DEEC;
}

/* ----- Onyx (داكن فاخر + ذهبي دافئ) ----- */
body.blr-v-onyx{
  --brand:#E0B257; --brand-d:#C8922E; --brand-l:#F0CE86; --brand-2:#C8922E;
  --on-brand:#1A1206; --brand-soft:rgba(224,178,87,.14); --brand-ring:rgba(224,178,87,.3);
  --bg:#0C0F16; --bg-2:#10141E; --surface:#141924; --surface-2:#171D2A;
  --ink:#F4F6FB; --body:#C4CDDC; --muted:#8C98AD; --faint:#64708A;
  --line:#242C3B; --line-2:#303a4d;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 8px 24px rgba(0,0,0,.45);
  --shadow-3:0 24px 56px rgba(0,0,0,.55); --shadow-brand:0 14px 34px rgba(224,178,87,.22);
  color-scheme:dark;
}

/* ----- Verdant (زمردي ثقة + أخضر فاتح) ----- */
body.blr-v-verdant{
  --brand:#0C8A5B; --brand-d:#097049; --brand-l:#2FBD86; --brand-2:#34D399;
  --on-brand:#ffffff; --brand-soft:#E6F6EF; --brand-ring:rgba(12,138,91,.26);
  --bg:#FBFDFC; --bg-2:#F1F8F4; --surface:#FFFFFF; --surface-2:#F6FBF8;
  --ink:#0A1A14; --body:#33493F; --muted:#5F7A6E; --faint:#94A79E;
  --line:#E0EFE7; --line-2:#CBE3D6;
}

/* ----- الوضع الليلي اليدوي (لـ Aurora و Verdant) ----- */
body.blr-dark:not(.blr-v-onyx){
  --bg:#07120A; --bg-2:#0B1A0F; --surface:#102316; --surface-2:#142B1B;
  --ink:#EDF7EA; --body:#C6D6C4; --muted:#94A893; --faint:#677B67;
  --line:#1F3424; --line-2:#2B4631; --brand-soft:rgba(139,214,33,.12); --brand-l:#9BE23A; --brand:#5DB11E; --brand-d:#4E9A16;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 8px 24px rgba(0,0,0,.4);
  --shadow-3:0 24px 56px rgba(0,0,0,.5); color-scheme:dark;
}

/* ---------- 2) Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--body);
  font-family:var(--font); font-size:var(--fs-base); line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:clip;
}
h1,h2,h3,h4,h5{color:var(--ink); font-family:var(--font-head); font-weight:700; line-height:var(--lh-tight); letter-spacing:var(--ls-tight); margin:0 0 .5em}
h1{font-size:var(--fs-3xl); font-weight:800}
h2{font-size:var(--fs-2xl); font-weight:800}
h3{font-size:var(--fs-lg)}
h4{font-size:var(--fs-md)}
p{margin:0 0 1rem}
a{color:var(--brand); text-decoration:none; transition:color var(--dur) var(--ease)}
a:hover{color:var(--brand-d)}
img{max-width:100%; height:auto; display:block}
ul,ol{padding-inline-start:1.4em; margin:0 0 1rem}
strong,b{font-weight:700; color:var(--ink)}
:focus-visible{outline:3px solid var(--brand-ring); outline-offset:2px; border-radius:var(--r-xs)}
hr{border:0; border-top:1px solid var(--line); margin:var(--s-6) 0}
::selection{background:var(--brand); color:var(--on-brand)}
blockquote{margin:0 0 1rem; padding-inline-start:1rem; border-inline-start:3px solid var(--brand); color:var(--ink)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em; background:var(--bg-2); padding:.15em .45em; border-radius:6px}

.blr-skip{position:absolute; inset-inline-start:-9999px; top:0; background:var(--brand); color:var(--on-brand); padding:10px 16px; border-radius:0 0 var(--r-xs) 0; z-index:1000}
.blr-skip:focus{inset-inline-start:0}

/* ---------- 3) Layout ---------- */
.blr-container{max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gutter)}
.blr-narrow{max-width:var(--wrap-narrow); margin-inline:auto}
.blr-section{padding-block:clamp(var(--s-7),8vw,var(--s-9))}
.blr-section--tight{padding-block:var(--s-7)}
.blr-main{min-height:40vh}

.blr-grid{display:grid; gap:var(--s-5)}
.blr-grid--2{grid-template-columns:repeat(2,1fr)}
.blr-grid--3{grid-template-columns:repeat(3,1fr)}
.blr-grid--4{grid-template-columns:repeat(4,1fr)}
.blr-grid + .blr-grid,.blr-article > .blr-grid:not(:first-child){margin-top:var(--s-6,40px)}

/* رأس القسم — بلا تسميات مُفخّمة؛ عين صغيرة بنقطة لونية فقط عند الحاجة */
.blr-head{max-width:720px; margin-bottom:var(--s-6)}
.blr-head--center{margin-inline:auto; text-align:center}
.blr-eyebrow{display:inline-flex; align-items:center; gap:.5em; color:var(--brand); font-weight:700; font-size:var(--fs-sm); margin-bottom:.6em}
.blr-eyebrow::before{content:""; width:7px; height:7px; border-radius:2px; background:var(--brand); transform:rotate(45deg)}
.blr-head p{color:var(--muted); font-size:var(--fs-md); margin:0}

/* ---------- 4) Components ---------- */
/* الأزرار */
.blr-btn{display:inline-flex; align-items:center; justify-content:center; gap:.55em; font:inherit; font-weight:700;
  padding:.8em 1.5em; border-radius:var(--r-sm); border:1.5px solid transparent; cursor:pointer;
  transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease); white-space:nowrap}
.blr-btn--primary{background:var(--brand); color:var(--on-brand); box-shadow:var(--shadow-brand)}
.blr-btn--primary:hover{background:var(--brand-d); color:var(--on-brand); transform:translateY(-2px)}
.blr-btn--ghost{background:transparent; color:var(--ink); border-color:var(--line-2)}
.blr-btn--ghost:hover{border-color:var(--brand); color:var(--brand)}
.blr-btn--light{background:var(--surface); color:var(--brand); box-shadow:var(--shadow-1)}
.blr-btn--light:hover{transform:translateY(-2px); box-shadow:var(--shadow-2)}
.blr-btn--lg{padding:1em 1.9em; font-size:var(--fs-md)}

.blr-badge{display:inline-flex; align-items:center; gap:.4em; background:var(--brand-soft); color:var(--brand); font-size:var(--fs-xs); font-weight:700; padding:.35em .85em; border-radius:var(--r-pill)}

/* البطاقات — معاملات مختلفة حسب الغرض، لا رتابة */
.blr-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); padding:var(--s-5)}
.blr-card--feature{padding:var(--s-6)}
.blr-card--feature .blr-ic{margin-bottom:var(--s-4)}
.blr-card--raised{box-shadow:var(--shadow-2); border-color:transparent}
.blr-card h3{margin-bottom:.4em}
.blr-card p{color:var(--muted); margin:0}

.blr-ic{display:inline-grid; place-items:center; width:54px; height:54px; border-radius:var(--r-sm);
  background:var(--brand-soft); color:var(--brand); font-size:1.5rem}
.blr-ic--solid{background:var(--brand); color:var(--on-brand); box-shadow:var(--shadow-brand)}

/* قوائم المزايا بعلامات صح */
.blr-checks{list-style:none; padding:0; margin:0; display:grid; gap:var(--s-3)}
.blr-checks li{display:flex; gap:.7em; align-items:flex-start; color:var(--body)}
.blr-checks li::before{content:""; flex:none; width:22px; height:22px; margin-top:2px; border-radius:7px;
  background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232F8A0B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}

/* ---------- 5) Topbar + Header + Nav + Language switcher (مدمج) ---------- */
.blr-topbar{background:var(--navy); color:#fff; font-size:var(--fs-sm); position:relative; z-index:201}
.blr-topbar::after{content:""; position:absolute; inset-inline:0; bottom:0; height:1px; background:var(--grad); opacity:.55}
.blr-topbar .blr-container{display:flex; align-items:center; justify-content:space-between; gap:var(--s-5); min-height:var(--topbar-h)}
.blr-topbar__start{display:flex; align-items:center; gap:var(--s-5); min-width:0}
.blr-topbar__end{display:flex; align-items:center; gap:var(--s-4)}
.blr-topbar a{color:#fff; opacity:.86} .blr-topbar a:hover{opacity:1; color:#fff}
.blr-topbar__contact{display:flex; align-items:center; gap:var(--s-4)}
.blr-topbar__contact a{display:inline-flex; align-items:center; gap:.4em}
.blr-topbar__nav{display:flex; gap:var(--s-4); margin:0; padding:0; list-style:none}
.blr-topbar__nav a{font-size:var(--fs-sm)}

.blr-socials{display:flex; flex-wrap:wrap; gap:8px}
.blr-socials a{display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--bg-2); color:var(--ink); transition:all var(--dur) var(--ease)}
.blr-socials a:hover{background:var(--brand); color:var(--on-brand); transform:translateY(-2px)}
.blr-topbar__social{display:flex; gap:6px}
.blr-topbar__social a{display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:rgba(255,255,255,.08); opacity:1}
.blr-topbar__social a:hover{background:var(--brand-2); color:var(--navy)}

.blr-header{position:sticky; top:0; z-index:200; background:color-mix(in srgb,var(--surface) 78%,transparent);
  -webkit-backdrop-filter:saturate(180%) blur(16px); backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent); transition:box-shadow var(--dur) var(--ease), background var(--dur) var(--ease)}
.admin-bar .blr-header{top:32px}
@media (max-width:782px){.admin-bar .blr-header{top:46px}}
@media (max-width:600px){.admin-bar .blr-header{top:0}}
.blr-header.is-stuck{box-shadow:0 10px 30px -12px rgba(14,26,15,.18); background:color-mix(in srgb,var(--surface) 90%,transparent)}
.blr-header > .blr-container{position:relative}
.blr-header__bar{display:flex; align-items:center; gap:var(--s-5); min-height:var(--header-h); transition:min-height var(--dur) var(--ease)}
.blr-header.is-stuck .blr-header__bar{min-height:64px}
.blr-brand,.custom-logo-link{display:flex; align-items:center; gap:.6em; font-family:var(--font-head); font-weight:700; color:var(--ink); font-size:var(--fs-lg); flex:none}
.custom-logo-link img,.blr-brand img{max-height:48px; width:auto; transition:max-height var(--dur) var(--ease)}
.blr-header.is-stuck .custom-logo-link img{max-height:40px}
.blr-logo-dark{display:none}
body.blr-dark .custom-logo-link:has(.blr-logo-dark) img:not(.blr-logo-dark){display:none}
body.blr-dark .blr-logo-dark{display:block}
.blr-brand__mark{display:inline-grid; place-items:center; width:40px; height:40px; border-radius:var(--r-sm); background:var(--grad); color:#fff; font-weight:800; box-shadow:var(--shadow-brand)}
.blr-header__nav{margin-inline-start:auto; min-width:0}
.blr-header__actions{display:flex; align-items:center; gap:var(--s-3); flex:none}
.blr-header__nav:only-of-type{margin-inline-start:auto}
.blr-cta-head{padding:.62em 1.15em; background:var(--grad); border:0}
.blr-cta-head:hover{filter:brightness(1.06)}
.blr-cta-head svg{transition:transform var(--dur) var(--ease)}
.blr-cta-head:hover svg{transform:translateX(3px)}
[dir="rtl"] .blr-cta-head svg{transform:scaleX(-1)}
[dir="rtl"] .blr-cta-head:hover svg{transform:scaleX(-1) translateX(3px)}

/* القائمة الرئيسية */
.blr-menu{display:flex; align-items:center; gap:2px; margin:0; padding:0; list-style:none}
.blr-menu li{position:relative; display:flex; align-items:center}
.blr-menu a{display:block; padding:.55em .8em; color:var(--ink); font-weight:600; border-radius:var(--r-xs); position:relative; white-space:nowrap}
.blr-header .blr-menu > li > a::after{content:""; position:absolute; inset-inline:.8em; bottom:.25em; height:2px; border-radius:2px; background:var(--grad); transform:scaleX(0); transition:transform var(--dur) var(--ease)}
.blr-header .blr-menu > li:hover > a::after,.blr-header .blr-menu > .current-menu-item > a::after,.blr-header .blr-menu > .current-menu-ancestor > a::after{transform:scaleX(1)}
.blr-menu a:hover,.blr-menu .current-menu-item>a,.blr-menu .current-menu-ancestor>a{color:var(--brand)}
.blr-menu__t{display:block}
.blr-menu__desc{display:block; color:var(--muted); font-size:var(--fs-xs); font-weight:400; line-height:1.5; margin-top:2px; white-space:normal}
.blr-sub-toggle{display:inline-grid; place-items:center; width:24px; height:24px; margin-inline-start:-6px; padding:0; border:0; border-radius:6px; background:transparent; color:var(--muted); cursor:pointer; transition:transform var(--dur) var(--ease), color var(--dur)}
.blr-menu li:hover > .blr-sub-toggle,.blr-menu li.is-open > .blr-sub-toggle{color:var(--brand)}
.blr-menu li.is-open > .blr-sub-toggle{transform:rotate(180deg)}
.blr-menu .menu-item-has-children>a::before{display:none}
.blr-menu ul{position:absolute; top:calc(100% + 10px); inset-inline-start:0; min-width:240px; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--r-md); box-shadow:var(--shadow-3); padding:8px; margin:0; list-style:none;
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility var(--dur); z-index:10}
.blr-menu ul::before{content:""; position:absolute; inset-inline:0; bottom:100%; height:12px} /* جسر يمنع انغلاق القائمة أثناء نزول المؤشّر */
.blr-menu ul li{display:block}
.blr-menu ul a{padding:.6em .8em; white-space:normal}
.blr-menu ul a:hover{background:var(--bg-2)}
.blr-menu ul ul{top:-8px; inset-inline-start:100%}
.blr-header .blr-menu li:hover>ul,.blr-header .blr-menu li:focus-within>ul,.blr-header .blr-menu li.is-open>ul{opacity:1; visibility:visible; transform:none}
.blr-menu .blr-menu-cta>a{background:var(--brand-soft); color:var(--brand)}

/* القائمة الضخمة (Mega Menu) */
.blr-header .blr-menu,.blr-header .blr-header__nav{position:static}
.blr-header .blr-menu > li.blr-mega{position:static}
.blr-header .blr-menu > li.blr-mega > ul{inset-inline:var(--gutter); top:calc(100% - 6px); min-width:0;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:4px; padding:14px;
  border-radius:var(--r-lg); background:
  radial-gradient(60% 120% at 100% 0%, color-mix(in srgb,var(--brand-2) 10%,transparent), transparent 60%), var(--surface)}
.blr-header .blr-menu > li.blr-mega > ul > li > a{display:flex; flex-direction:column; padding:.8em .9em; border-radius:var(--r-sm); border:1px solid transparent}
.blr-header .blr-menu > li.blr-mega > ul > li > a:hover{border-color:var(--line); background:var(--bg-2)}
.blr-header .blr-menu > li.blr-mega > ul > li > a .blr-menu__t{font-weight:700}
.blr-header .blr-menu > li.blr-mega > ul ul{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; padding:0 .4em; background:transparent}
.blr-header .blr-menu > li.blr-mega > ul .blr-sub-toggle{display:none}

.blr-icon-btn{display:grid; place-items:center; width:42px; height:42px; border-radius:var(--r-sm);
  border:1px solid var(--line-2); background:transparent; color:var(--ink); cursor:pointer; transition:all var(--dur) var(--ease)}
.blr-icon-btn:hover{border-color:var(--brand); color:var(--brand)}

/* مبدّل اللغات — رموز AR / EN / FR */
.blr-lang{position:relative; display:inline-block}
.blr-lang__btn{display:inline-flex; align-items:center; gap:.5em; font:inherit; font-size:var(--fs-sm); font-weight:700; cursor:pointer;
  padding:.45em .8em; border-radius:var(--r-pill); border:1px solid var(--line-2); background:transparent; color:var(--ink); transition:all var(--dur) var(--ease)}
.blr-lang__btn:hover{border-color:var(--brand); color:var(--brand)}
.blr-lang__flag{display:inline-grid; place-items:center; min-width:26px; height:20px; padding:0 4px; border-radius:6px; background:var(--brand-soft); color:var(--brand); font-size:.7rem; font-weight:800; letter-spacing:.04em; line-height:1; font-family:var(--font-head)}
.blr-lang__car{width:.45em; height:.45em; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-1px); transition:transform var(--dur) var(--ease)}
.blr-lang.is-open .blr-lang__car{transform:rotate(-135deg)}
.blr-lang__list{position:absolute; inset-inline-end:0; top:calc(100% + 8px); min-width:190px; margin:0; padding:6px; list-style:none;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:var(--shadow-3); z-index:210;
  opacity:0; visibility:hidden; transform:translateY(-8px); transition:all var(--dur) var(--ease)}
.blr-lang.is-open .blr-lang__list{opacity:1; visibility:visible; transform:none}
.blr-lang__list a{display:flex; align-items:center; gap:.6em; padding:.55em .8em; border-radius:var(--r-xs); color:var(--body); font-weight:600}
.blr-lang__list a:hover{background:var(--bg-2); color:var(--ink)}
.blr-lang__list .is-current a{background:var(--brand-soft); color:var(--brand)}
.blr-topbar .blr-lang__btn{border-color:rgba(255,255,255,.22); color:#fff; padding:.3em .7em}
.blr-topbar .blr-lang__btn:hover{background:rgba(255,255,255,.12); color:#fff}
.blr-topbar .blr-lang__flag{background:rgba(255,255,255,.14); color:#fff}

/* الدرج (الجوال) — قائمة أكورديون */
.blr-burger{display:none}
.blr-drawer{position:fixed; inset:0; z-index:300; visibility:hidden}
.blr-drawer.is-open{visibility:visible}
.blr-drawer__ov{position:absolute; inset:0; background:rgba(4,12,26,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); opacity:0; transition:opacity var(--dur) var(--ease)}
.blr-drawer.is-open .blr-drawer__ov{opacity:1}
.blr-drawer__panel{position:absolute; inset-block:0; inset-inline-end:0; width:min(90vw,380px); background:var(--surface);
  box-shadow:var(--shadow-3); padding:var(--s-5); overflow-y:auto; overscroll-behavior:contain; transform:translateX(100%); transition:transform .35s var(--ease); display:flex; flex-direction:column}
[dir="rtl"] .blr-drawer__panel{transform:translateX(-100%)}
.blr-drawer.is-open .blr-drawer__panel{transform:none}
.blr-drawer__top{display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--s-4)}
.blr-drawer .blr-menu{flex-direction:column; align-items:stretch; gap:0}
.blr-drawer .blr-menu li{flex-wrap:wrap; border-bottom:1px solid var(--line)}
.blr-drawer .blr-menu li > a{flex:1; padding:.85em .4em; font-size:var(--fs-md)}
.blr-drawer .blr-sub-toggle{width:40px; height:40px; margin:0; border-radius:10px; background:var(--bg-2)}
.blr-drawer .blr-menu ul{position:static; flex-basis:100%; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; border-radius:0; padding:0 0 .5em; padding-inline-start:.8em; background:transparent; display:none; min-width:0}
.blr-drawer .blr-menu ul::before{display:none}
.blr-drawer .blr-menu li.is-open > ul{display:block}
.blr-drawer .blr-menu ul li{border:0}
.blr-drawer .blr-menu ul a{font-size:var(--fs-base); padding:.55em .4em; color:var(--body)}
.blr-drawer .blr-menu__desc{display:none}
.blr-drawer__cta{margin-top:var(--s-5); width:100%; background:var(--grad); border:0}
.blr-drawer__block{margin-top:var(--s-5); padding-top:var(--s-5); border-top:1px solid var(--line)}
.blr-drawer__label{display:flex; align-items:center; gap:.5em; color:var(--muted); font-size:var(--fs-sm); margin-bottom:var(--s-3)}
.blr-lang--inline{display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0}
.blr-lang--inline a{display:inline-flex; align-items:center; gap:.4em; padding:.45em .95em; border:1px solid var(--line-2); border-radius:var(--r-pill); color:var(--body); font-weight:600}
.blr-lang--inline .is-current a{background:var(--brand); color:var(--on-brand); border-color:var(--brand)}
.blr-lang--inline .is-current .blr-lang__flag{background:rgba(255,255,255,.2); color:#fff}

/* سلايدر الرئيسية الاحتياطية */
.blr-front-slider{padding:0}

/* ---------- 6) Hero ---------- */
.blr-hero{position:relative; padding-block:clamp(var(--s-8),10vw,var(--s-10)); overflow:hidden}
.blr-hero__bg{position:absolute; inset:0; z-index:-1; background:
  radial-gradient(60% 80% at 85% -10%, var(--brand-soft) 0, transparent 60%),
  radial-gradient(50% 70% at 0% 110%, color-mix(in srgb,var(--brand-2) 12%,transparent) 0, transparent 55%)}
.blr-hero__grid{display:grid; grid-template-columns:1.1fr .9fr; gap:var(--s-7); align-items:center}
.blr-hero h1{font-size:var(--fs-4xl); margin-bottom:var(--s-4)}
.blr-hero__lead{font-size:var(--fs-md); color:var(--body); max-width:52ch; margin-bottom:var(--s-5)}
.blr-hero__cta{display:flex; flex-wrap:wrap; gap:var(--s-3); margin-bottom:var(--s-5)}
.blr-hero__trust{display:flex; flex-wrap:wrap; gap:var(--s-5); color:var(--muted); font-size:var(--fs-sm)}
.blr-hero__trust b{color:var(--ink); font-size:var(--fs-lg); display:block}
.blr-hero__media{position:relative; border-radius:var(--r-xl); overflow:hidden; aspect-ratio:4/3}
.blr-hero__media img{width:100%; height:100%; object-fit:contain}

/* ---------- 7) Stats band ---------- */
.blr-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s-5); padding:var(--s-6); border-radius:var(--r-lg); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-2)}
.blr-stat{text-align:center}
.blr-stat__num{font-size:var(--fs-2xl); font-weight:800; color:var(--brand); line-height:1}
.blr-stat__label{color:var(--muted); font-size:var(--fs-sm); margin-top:.3em}

/* ---------- 8) Posts ---------- */
.blr-post-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}
.blr-post-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-2)}
.blr-post-card__thumb{display:block; aspect-ratio:16/10; overflow:hidden}
.blr-post-card__thumb img{width:100%; height:100%; object-fit:cover}
.blr-post-card__body{padding:var(--s-5)}
.blr-post-card__meta{display:flex; gap:var(--s-3); align-items:center; color:var(--muted); font-size:var(--fs-sm); margin-bottom:.6em}
.blr-post-card h3{font-size:var(--fs-md); margin-bottom:.4em}
.blr-post-card h3 a{color:var(--ink)} .blr-post-card h3 a:hover{color:var(--brand)}

.blr-pagination{display:flex; gap:6px; justify-content:center; margin-top:var(--s-7)}
.blr-pagination .page-numbers{display:grid; place-items:center; min-width:42px; height:42px; padding:0 12px; border-radius:var(--r-xs); border:1px solid var(--line); color:var(--ink); font-weight:600}
.blr-pagination .current{background:var(--brand); color:var(--on-brand); border-color:var(--brand)}

/* ---------- 9) Footer ---------- */
.blr-footer{position:relative; overflow:hidden; background:var(--navy); color:#B9C6DA; margin-top:0}
body.blr-v-onyx .blr-footer{background:#080B11}
.blr-footer::before{content:""; position:absolute; inset-inline:0; top:0; height:1px; background:var(--grad)}
.blr-footer__glow{position:absolute; inset:auto -10% -40% auto; width:60%; aspect-ratio:1; background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 30%,transparent),transparent); pointer-events:none; opacity:.6}
.blr-footer > .blr-container{position:relative}
.blr-footer a{color:#C9D5E6} .blr-footer a:hover{color:#fff}
.blr-footer__grid{display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:var(--s-6); padding-block:var(--s-8) var(--s-7)}
.blr-footer__brand .blr-brand{color:#fff}
.blr-footer__brand .custom-logo-link img{max-height:54px}
.blr-footer__about{margin:var(--s-4) 0; max-width:36ch; line-height:1.9}
.blr-footer__social{margin-top:var(--s-4)}
.blr-footer .blr-socials a{background:rgba(255,255,255,.07); color:#fff}
.blr-footer .blr-socials a:hover{background:var(--grad); color:#fff}
.blr-footer h4{color:#fff; font-size:var(--fs-base); margin-bottom:var(--s-4); position:relative; padding-bottom:.6em}
.blr-footer h4::after{content:""; position:absolute; inset-inline-start:0; bottom:0; width:28px; height:2px; border-radius:2px; background:var(--grad)}
.blr-footer__col ul{list-style:none; padding:0; margin:0; display:grid; gap:.65em}
.blr-footer__col a{transition:color var(--dur), padding var(--dur) var(--ease)}
.blr-footer__col:not(.blr-footer__contact) a:hover{padding-inline-start:4px}
.blr-footer__contact li{display:flex; gap:.6em; align-items:flex-start}
.blr-footer__contact svg{flex:none; margin-top:.3em; color:var(--brand-2)}
.blr-footer__bottom{display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); flex-wrap:wrap; padding-block:var(--s-5); border-top:1px solid rgba(255,255,255,.1); font-size:var(--fs-sm)}
.blr-footer .blr-lang--inline a{border-color:rgba(255,255,255,.18); color:#C9D5E6; padding:.3em .8em}
.blr-footer .blr-lang--inline .is-current a{background:rgba(255,255,255,.12); border-color:transparent; color:#fff}
.blr-footer .blr-lang__flag{background:transparent; color:inherit; min-width:0}
.blr-footer .widget-title{color:#fff}

.blr-top{position:fixed; inset-block-end:24px; inset-inline-end:24px; width:46px; height:46px; display:grid; place-items:center;
  border-radius:50%; background:var(--grad); color:var(--on-brand); border:0; cursor:pointer; box-shadow:var(--shadow-brand);
  opacity:0; visibility:hidden; transform:translateY(12px); transition:all var(--dur) var(--ease); z-index:150}
.blr-top.is-show{opacity:1; visibility:visible; transform:none}

/* ---------- 10) Content (single/page) ---------- */
.blr-article{font-size:var(--fs-md)}
.blr-article h2{margin-top:1.6em} .blr-article h3{margin-top:1.3em}
.blr-article img{border-radius:var(--r-md); margin-block:var(--s-5)}
.blr-page-hero{position:relative; overflow:hidden; background:radial-gradient(50% 120% at 90% 0%,color-mix(in srgb,var(--brand-2) 14%,transparent),transparent 60%),radial-gradient(40% 100% at 0% 100%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 60%),var(--bg-2); border-bottom:1px solid var(--line); padding-block:clamp(var(--s-7),7vw,var(--s-8))}
.blr-page-hero h1{font-size:clamp(2rem,4.5vw,var(--fs-3xl)); margin:0}
.blr-page-hero__lead{color:var(--muted); font-size:var(--fs-md); max-width:60ch; margin:.8em 0 0}
.blr-breadcrumbs{display:flex; flex-wrap:wrap; align-items:center; gap:.5em; color:var(--muted); font-size:var(--fs-sm); margin-bottom:.8em}
.blr-breadcrumbs i{font-style:normal; opacity:.45}
.blr-breadcrumbs span{color:var(--ink); font-weight:600}
.blr-breadcrumbs a{color:var(--muted)} .blr-breadcrumbs a:hover{color:var(--brand)}

/* ---------- 11) Utilities ---------- */
.blr-reveal{opacity:0; transform:translateY(16px)}
.blr-reveal.is-in{opacity:1; transform:none; transition:opacity .6s var(--ease), transform .6s var(--ease)}
.blr-center{text-align:center}
.screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

/* ---------- 12) Responsive ---------- */
@media (max-width:1024px){
  .blr-hero__grid{grid-template-columns:1fr; gap:var(--s-6)}
  .blr-hero__media{order:-1; aspect-ratio:16/9}
  .blr-footer__grid{grid-template-columns:1fr 1fr}
  .blr-footer__brand{grid-column:1/-1}
}
@media (max-width:1180px){
  .blr-header .blr-menu a{padding-inline:.6em}
  .blr-header .blr-menu > li > a::after{inset-inline:.6em}
}
@media (max-width:1024px){
  .blr-header__nav,.blr-header .blr-cta-head{display:none}
  .blr-header__actions{margin-inline-start:auto}
  .blr-burger{display:grid}
}
@media (max-width:860px){
  :root{--fs-3xl:2.4rem; --fs-4xl:2.8rem; --fs-2xl:1.9rem}
  .blr-header__nav,.blr-topbar__nav,.blr-header .blr-cta-head{display:none}
  .blr-header__actions{margin-inline-start:auto}
  .blr-burger{display:grid}
  .blr-grid--2,.blr-grid--3,.blr-grid--4{grid-template-columns:1fr}
  .blr-stats{grid-template-columns:1fr 1fr; gap:var(--s-4)}
}
@media (max-width:560px){
  .blr-topbar__contact,.blr-topbar__text{display:none}
  .blr-topbar .blr-container{justify-content:center}
  .blr-footer__grid{grid-template-columns:1fr}
  .blr-footer__bottom{flex-direction:column; text-align:center}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important; transition-duration:.01ms!important}
  .blr-reveal{opacity:1; transform:none}
}

/* ---------- 13) عناصر قوائم صفحات Baderinfo ---------- */
/* زرّ «طلب خدمة» وروابط اللغات داخل القائمة: الرأس يعرضها بالفعل (زرّ الرأس + مبدّل اللغة). */
.blr-header .blr-menu > .bi-menu-cta,.blr-drawer .blr-menu > .bi-menu-cta{display:none}
body.blr-trees .blr-menu > .bi-menu-lang{display:none}
@media (max-width:600px){
  .blr-header__actions .blr-lang{display:none} /* المبدّل متاح داخل قائمة الجوال */
  .blr-header__bar{gap:var(--s-3)}
  .custom-logo-link img,.blr-brand img{max-height:38px; max-width:46vw; object-fit:contain}
  .blr-icon-btn{width:40px; height:40px}
}
/* الرأس المزدحم (لغات بعناوين أطول): مبدّل مضغوط بالرمز فقط، ومسافات أصغر */
@media (max-width:1560px){
  .blr-header__actions .blr-lang__cur{display:none}
  .blr-header__actions .blr-lang__btn{padding:.45em .6em}
  .blr-header__bar{gap:var(--s-4)}
}
@media (max-width:1320px){
  .blr-header .blr-menu > li > a{padding-inline:.5em; font-size:.95rem}
  .blr-header .blr-menu > li > a::after{inset-inline:.5em}
}

/* تكيّف تلقائي مع طول القائمة (theme.js يقيس): أولاً زرّ مضغوط، ثم قائمة الجوال */
@media (min-width:1025px){.blr-header__nav{flex:1 1 auto; display:flex; justify-content:flex-end}}
@media (min-width:1025px){.blr-header .blr-menu > li.blr-dup-cta{display:none}}
@media (min-width:1280px){.blr-header > .blr-container{max-width:1360px}}
@media (min-width:1560px){.blr-header > .blr-container{max-width:1480px}}
.blr-header.is-snug .blr-menu > li > a{padding-inline:.5em}
html[dir="ltr"] .blr-header.is-snug .blr-menu > li > a{font-size:.94rem}
.blr-header.is-snug .blr-header__actions .blr-lang__cur{display:none}
.blr-header.is-snug .blr-menu > li > a::after{inset-inline:.5em}
.blr-header.is-cur-off .blr-header__actions .blr-cur{display:none}
.blr-header.is-tight .blr-cta-head span{display:none}
.blr-header.is-tight .blr-cta-head{padding:.62em .75em}
.blr-header.is-dense .blr-menu > li > a{padding-inline:.36em}
html[dir="ltr"] .blr-header.is-dense .blr-menu > li > a{font-size:.9rem}
.blr-header.is-dense .blr-menu > li > a::after{inset-inline:.36em}
.blr-header.is-dense .blr-header__actions{gap:6px}
.blr-header.is-collapsed .blr-header__nav{display:none}
.blr-header.is-collapsed .blr-burger{display:grid}
.blr-header.is-collapsed .blr-header__actions{margin-inline-start:auto}

/* =====================================================================
   v4.2 — زرّ «حسابي» + ألوان الأصناف في القوائم
   ===================================================================== */
.blr-acc-head{display:inline-flex; align-items:center; gap:.55em; height:44px; padding-inline:4px; border-radius:999px; border:1px solid var(--line); background:var(--surface,#fff); color:var(--ink); font-weight:600; font-size:.92rem; white-space:nowrap; text-decoration:none; transition:border-color .2s,box-shadow .2s,color .2s}
.blr-acc-head:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line)); color:var(--brand); box-shadow:0 6px 18px -10px color-mix(in srgb,var(--brand) 60%,transparent)}
.blr-acc-head__av{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; flex:none; color:var(--brand); background:color-mix(in srgb,var(--brand) 10%,var(--surface,#fff))}
.blr-acc-head.is-in .blr-acc-head__av{color:#fff; background:var(--grad)}
.blr-acc-head__av b{font-size:.95rem}
.blr-acc-head__t{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
@media (max-width:600px){.blr-acc-head{height:42px}}
.blr-drawer__acc{margin-top:var(--s-3,12px); width:100%; justify-content:center; gap:.5em}