/*
Theme Name: TechSA — السعودية تك
Theme URI: https://techsa1.com
Author: TechSA
Author URI: https://techsa1.com
Description: قالب ووكومرس عربي (RTL) لمتجر تقنية — هوية «ورقة المواصفات» بشبكة بينتو وأرقام أحادية المسافة. شريط المواصفات يُملأ تلقائياً من خصائص المنتج، ووضع داكن كامل مع إبقاء لوحة صورة المنتج فاتحة لتناسب صور الموردين المقصوصة على أبيض.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techsa
Tags: e-commerce, rtl-language-support, custom-menu, translation-ready, block-patterns
WC requires at least: 7.0
WC tested up to: 9.4
*/

/* ═══════════════════════════════════════════════════════════════
   السعودية تك — متجر تقنية
   المرجع: ورقة المواصفات + شبكة بينتو. مشتري التقنية يقرّر بالأرقام،
   فالأرقام كلها بخط أحادي المسافة كقراءة جهاز، والتخطيط بلاطات غير
   متساوية تعرض القيمة والرقم معاً — لغة واجهات التقنية الحالية.

   الأرضية فاتحة لسبب عملي لا ذوقي: صور الدروب شوبينغ مقصوصة على أبيض،
   وأي خلفية داكنة تضع كل منتج داخل مستطيل أبيض. وحتى في الوضع الداكن
   تبقى لوحة صورة المنتج فاتحة.
   ═══════════════════════════════════════════════════════════════ */

:root{
  color-scheme:light dark;

  --sheet:#F4F6F8;
  --card:#FFFFFF;
  --plate:#FFFFFF;      /* لوحة المنتج — فاتحة في الوضعين */
  --ink:#0B1116;
  --ink-2:#39474F;
  --rule:#DDE4E8;
  --rule-2:#EEF2F4;
  --muted:#657781;
  --signal:#00785A;
  --signal-2:#00A57C;
  --signal-tint:#E4F3EE;
  --alert:#B45309;
  --alert-tint:#FCF2E3;
  --mesh-a:rgba(0,165,124,.16);
  --mesh-b:rgba(0,120,90,.07);
  --shadow:0 1px 2px rgba(11,17,22,.04),0 8px 28px rgba(11,17,22,.06);

  --f-ar:"SF Arabic","Geeza Pro",Arial,"Segoe UI",Tahoma,sans-serif;
  --f-num:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  --t-display:clamp(1.9rem,4.6vw,3.2rem);
  --t-h2:clamp(1.28rem,2.7vw,1.85rem);

  --wrap:1240px;
  --rail:clamp(1rem,4vw,2.2rem);
  --r:14px;
  --r-sm:9px;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --sheet:#080C0F; --card:#111A1F; --ink:#E9EFF2; --ink-2:#AEBEC6;
    --rule:#1F2C33; --rule-2:#172228; --muted:#7F9199;
    --signal:#2ECFA1; --signal-2:#4EE3B8; --signal-tint:#0D2A23;
    --alert:#E3AA63; --alert-tint:#241B11;
    --mesh-a:rgba(46,207,161,.14); --mesh-b:rgba(46,207,161,.05);
    --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 34px rgba(0,0,0,.34);
    --plate:#EEF2F4;
  }
}
:root[data-theme="dark"]{
  --sheet:#080C0F; --card:#111A1F; --ink:#E9EFF2; --ink-2:#AEBEC6;
  --rule:#1F2C33; --rule-2:#172228; --muted:#7F9199;
  --signal:#2ECFA1; --signal-2:#4EE3B8; --signal-tint:#0D2A23;
  --alert:#E3AA63; --alert-tint:#241B11;
  --mesh-a:rgba(46,207,161,.14); --mesh-b:rgba(46,207,161,.05);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 34px rgba(0,0,0,.34);
  --plate:#EEF2F4;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  margin:0;direction:rtl;
  background:var(--sheet);
  color:var(--ink);
  font-family:var(--f-ar);
  line-height:1.75;
  overflow-x:hidden;
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:5px}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--rail)}
h1,h2,h3{margin:0;line-height:1.25;text-wrap:balance;font-weight:700}
h2{font-size:var(--t-h2)}
p{margin:0}

/* كل رقم يُقرأ كقراءة جهاز */
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.eyebrow{
  font-family:var(--f-num);font-size:.68rem;letter-spacing:.14em;
  color:var(--signal);margin:0;
}
.screen-reader-text{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;
}

/* ── الشريط العلوي المتحرّك ─────────────────────────────────
   شريط أخبار متمرّر: يعرض ستّ حقائق في مساحة سطر واحد، وهو نمط
   مألوف في واجهات التقنية لعرض حالة حيّة. */
.ticker{background:var(--ink);color:var(--sheet);overflow:hidden;position:relative}
.ticker__track{
  display:flex;gap:2.6rem;width:max-content;
  padding-block:.5rem;font-size:.78rem;
  animation:slide 34s linear infinite;
}
.ticker__track:hover{animation-play-state:paused}
.ticker i{color:var(--signal-2);font-style:normal;font-weight:700}
.ticker span{display:flex;align-items:center;gap:.45rem;white-space:nowrap}
.ticker span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--signal-2);opacity:.7}
@keyframes slide{ from{transform:translateX(0)} to{transform:translateX(50%)} }

/* ── الرأس ─────────────────────────────────────────────────── */
.head{
  position:sticky;top:0;z-index:40;
  background:color-mix(in srgb,var(--card) 86%,transparent);
  backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid var(--rule);
}
.head__in{
  max-width:var(--wrap);margin-inline:auto;padding:.75rem var(--rail);
  display:flex;align-items:center;gap:1rem;
}
.brand{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.brand__glyph{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;
  background:linear-gradient(145deg,var(--signal-2),var(--signal));
  color:#fff;display:grid;place-items:center;
  box-shadow:0 3px 10px color-mix(in srgb,var(--signal) 34%,transparent);
}
.brand__ar{font-size:1.02rem;font-weight:700;line-height:1.15;display:block}
.brand__latin{
  font-family:var(--f-num);font-size:.62rem;letter-spacing:.2em;
  color:var(--muted);line-height:1;display:block;
}
.nav{display:flex;gap:.3rem;margin-inline-start:auto}
.nav a{
  color:var(--ink-2);font-size:.9rem;padding:.45rem .8rem;border-radius:8px;
  transition:background .18s,color .18s;
}
.nav a:hover{background:var(--signal-tint);color:var(--signal)}
.tools{display:flex;gap:.25rem;align-items:center;margin-inline-start:.5rem}
.icon-btn{
  width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  color:var(--ink-2);transition:background .18s,color .18s;position:relative;
}
.icon-btn:hover{background:var(--signal-tint);color:var(--signal)}
.badge{
  position:absolute;inset-block-start:1px;inset-inline-end:1px;
  min-width:17px;height:17px;padding:0 4px;border-radius:99px;
  background:var(--signal);color:#fff;
  font-family:var(--f-num);font-size:.6rem;font-weight:700;
  display:grid;place-items:center;line-height:1;
}
@media(max-width:940px){.nav{display:none}}

/* ── البطل: شبكة بينتو ─────────────────────────────────────── */
.hero{position:relative;padding-block:clamp(1.6rem,4vw,2.6rem) clamp(2rem,5vw,3.4rem);overflow:hidden}
/* شبكة نقطية + هالتان لونيتان — إيحاء بالدارة دون رسمها حرفياً */
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(38rem 22rem at 88% -8%,var(--mesh-a),transparent 62%),
    radial-gradient(30rem 20rem at 4% 4%,var(--mesh-b),transparent 60%),
    radial-gradient(circle at center,var(--rule) .9px,transparent .9px);
  background-size:auto,auto,26px 26px;
  mask-image:linear-gradient(180deg,#000 42%,transparent);
}
.hero .wrap{position:relative;z-index:1}

.bento{
  display:grid;gap:.85rem;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(min-width:820px){
  .bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,auto)}
  .tile--lede{grid-column:span 2;grid-row:span 2}
  .tile--art{grid-column:span 2;grid-row:span 2}
  .tile--wide{grid-column:span 2}
}

.tile{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  padding:clamp(1.1rem,2.4vw,1.7rem);
  box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:.7rem;
  transition:border-color .22s,transform .22s;
}
.tile--stat{gap:.15rem;justify-content:center}
.tile--stat:hover{border-color:var(--signal);transform:translateY(-2px)}

.tile--lede{gap:1.05rem;justify-content:center}
.tile--lede h1{font-size:var(--t-display)}
.tile--lede p{color:var(--muted);max-width:40ch}
.cta-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.25rem}

.btn{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.75rem 1.5rem;border-radius:10px;
  background:var(--signal);color:#fff;border:1px solid var(--signal);
  font-size:.93rem;font-weight:700;
  transition:background .2s,transform .12s,box-shadow .2s;
}
.btn:hover{background:var(--signal-2);border-color:var(--signal-2);box-shadow:0 5px 18px color-mix(in srgb,var(--signal) 30%,transparent)}
.btn:active{transform:translateY(1px)}
.btn--line{background:transparent;color:var(--ink);border-color:var(--rule);box-shadow:none}
.btn--line:hover{background:transparent;border-color:var(--signal);color:var(--signal);box-shadow:none}

/* بلاطة القراءة: الرقم يعدّ تصاعدياً عند الظهور — سلوك عدّاد جهاز */
.readout{font-family:var(--f-num);font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:700;line-height:1.05}
.readout small{font-size:.5em;color:var(--muted);font-weight:400;margin-inline-start:.15em}
.tile--stat b{font-size:.82rem;font-weight:600;color:var(--ink-2)}
.tile--stat span{font-size:.74rem;color:var(--muted)}

/* الرسم الهندسي */
.tile--art{background:var(--plate);padding:1.1rem;position:relative;justify-content:center}
.tile--art svg{width:min(100%,400px);margin-inline:auto}
.tile--art figcaption{
  position:absolute;inset-block-end:.75rem;inset-inline-start:1rem;
  font-family:var(--f-num);font-size:.6rem;color:#93A2AA;letter-spacing:.05em;
}

/* ── الأقسام ───────────────────────────────────────────────── */
.section{padding-block:clamp(2.4rem,5.5vw,4rem)}
.section__head{display:grid;gap:.35rem;margin-bottom:clamp(1.2rem,2.6vw,1.8rem)}
.section__head p.sub{color:var(--muted);max-width:52ch;font-size:.94rem}

.cats{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.cat{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r-sm);
  padding:1.05rem;display:grid;gap:.45rem;position:relative;overflow:hidden;
  transition:border-color .2s,transform .2s;
}
.cat::after{
  content:"";position:absolute;inset-block-start:0;inset-inline-end:0;
  width:56px;height:56px;border-radius:50%;
  background:var(--signal-tint);transform:translate(35%,-35%);
  transition:transform .3s;
}
.cat:hover{border-color:var(--signal);transform:translateY(-2px)}
.cat:hover::after{transform:translate(28%,-28%) scale(1.25)}
.cat__ic,.cat b,.cat span{position:relative;z-index:1}
.cat__ic{color:var(--signal)}
.cat b{font-size:.93rem}
.cat span{font-family:var(--f-num);font-size:.68rem;color:var(--muted);letter-spacing:.06em}

/* ── بطاقة المنتج ──────────────────────────────────────────── */
.grid{display:grid;gap:clamp(.8rem,1.8vw,1.15rem);grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}
.card{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  display:flex;flex-direction:column;overflow:hidden;
  transition:border-color .2s,box-shadow .22s,transform .22s;
}
.card:hover{border-color:var(--signal);box-shadow:var(--shadow);transform:translateY(-3px)}
.card__plate{
  aspect-ratio:1;background:var(--plate);border-bottom:1px solid var(--rule);
  display:grid;place-items:center;position:relative;
}
.card__plate svg{width:50%;color:#94A4AC;transition:transform .3s}
.card:hover .card__plate svg{transform:scale(1.06)}
.tag{
  position:absolute;inset-block-start:.55rem;inset-inline-start:.55rem;
  font-family:var(--f-num);font-size:.62rem;font-weight:700;
  padding:.16rem .48rem;border-radius:5px;
  background:var(--alert-tint);color:var(--alert);
}
.card__body{padding:.8rem .9rem .95rem;display:grid;gap:.45rem;flex:1}
.card__name{font-size:.9rem;font-weight:700;line-height:1.45}
.specs{display:flex;gap:.32rem;flex-wrap:wrap}
.spec{
  font-family:var(--f-num);font-size:.66rem;
  background:var(--rule-2);color:var(--ink-2);
  padding:.14rem .42rem;border-radius:5px;
}
.price-row{display:flex;align-items:baseline;gap:.4rem;margin-top:auto;padding-top:.25rem}
.price{font-family:var(--f-num);font-size:1rem;font-weight:700}
.riyal{font-size:.7rem;color:var(--muted)}

/* ── الثقة ─────────────────────────────────────────────────── */
.trust__grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.trust__i{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  padding:1.25rem;display:grid;gap:.4rem;align-content:start;
}
.trust__i .ic{
  width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:var(--signal-tint);color:var(--signal);margin-bottom:.35rem;
}
.trust__i b{font-size:.93rem}
.trust__i span{font-size:.82rem;color:var(--muted);line-height:1.65}

/* ── المقارنة ──────────────────────────────────────────────── */
.compare{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  display:grid;gap:clamp(1.4rem,3.5vw,2.5rem);padding:clamp(1.3rem,3vw,2.2rem);
  box-shadow:var(--shadow);
}
@media(min-width:880px){.compare{grid-template-columns:.85fr 1.15fr;align-items:center}}
.compare__copy{display:grid;gap:.9rem;justify-items:start}
.compare__copy p{color:var(--muted);max-width:40ch}
.sheet-wrap{overflow-x:auto}
.sheet{width:100%;border-collapse:collapse;font-size:.85rem;min-width:340px}
.sheet th,.sheet td{padding:.6rem .65rem;border-bottom:1px solid var(--rule);text-align:start}
.sheet thead th{color:var(--muted);font-weight:600;font-size:.74rem;font-family:var(--f-num);letter-spacing:.04em}
.sheet tbody th{font-weight:600;color:var(--ink-2);font-size:.82rem}
.sheet td{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.sheet tr:last-child th,.sheet tr:last-child td{border-bottom:0}
.sheet .pick{background:var(--signal-tint);color:var(--signal);font-weight:700}
.sheet thead .pick{border-radius:7px 7px 0 0}

/* ── التذييل ───────────────────────────────────────────────── */
.foot{background:var(--card);border-top:1px solid var(--rule);margin-top:clamp(2.2rem,5vw,3.5rem)}
.foot__grid{
  display:grid;gap:1.9rem;padding-block:clamp(2rem,4.5vw,3rem) 1.6rem;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
.foot h4{font-size:.84rem;margin:0 0 .75rem;font-weight:700}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.foot a{color:var(--muted);font-size:.84rem;transition:color .18s}
.foot a:hover{color:var(--signal)}
.foot__about{color:var(--muted);font-size:.84rem;max-width:30ch;line-height:1.7;margin-top:.85rem}
.foot__bottom{
  border-top:1px solid var(--rule);padding-block:1rem;
  display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;
  font-size:.77rem;color:var(--muted);
}
.pay{display:flex;gap:.4rem;flex-wrap:wrap}
.pay span{border:1px solid var(--rule);border-radius:6px;padding:.18rem .5rem;font-family:var(--f-num);font-size:.63rem}

.draft{
  position:fixed;inset-block-end:1rem;inset-inline-start:1rem;z-index:60;
  background:var(--ink);color:var(--sheet);border-radius:8px;
  font-family:var(--f-num);font-size:.66rem;padding:.38rem .7rem;
}

/* ── الكشف عند التمرير ─────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .ticker__track{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}

/* ═══════════════════════════════════════════════════════════════
   ووكومرس — إلباس مكوّناته هوية «ورقة المواصفات».
   التغطية شاملة لا انتقائية: أي حقل أو زر لا نتولّاه يظهر بأنماط
   ووكومرس الافتراضية فيكسر الهوية، ويصير غير مقروء في الوضع الداكن.
   ═══════════════════════════════════════════════════════════════ */

/* ── شبكة المنتجات ─────────────────────────────────────────── */
.woocommerce ul.products{
  display:grid;gap:clamp(.8rem,1.8vw,1.15rem);margin:0;padding:0;list-style:none;
  grid-template-columns:repeat(auto-fill,minmax(212px,1fr));
}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  margin:0;padding:0;width:auto;float:none;overflow:hidden;
  display:flex;flex-direction:column;
  transition:border-color .2s,box-shadow .22s,transform .22s;
}
.woocommerce ul.products li.product:hover{
  border-color:var(--signal);box-shadow:var(--shadow);transform:translateY(-3px);
}

/* لوحة الصورة تبقى فاتحة في الوضعين — صور الموردين مقصوصة على أبيض */
.woocommerce ul.products li.product a.card__plate{
  display:grid;place-items:center;aspect-ratio:1;position:relative;
  background:var(--plate);border-bottom:1px solid var(--rule);overflow:hidden;
}
.woocommerce ul.products li.product a.card__plate img{
  width:100%;height:100%;object-fit:contain;padding:8%;margin:0;
  transition:transform .3s;
}
.woocommerce ul.products li.product:hover a.card__plate img{transform:scale(1.05)}
.card__ph{width:46%;height:auto;color:#94A4AC}

.woocommerce ul.products li.product .card__body{
  padding:.8rem .9rem .95rem;display:grid;gap:.45rem;flex:1;
}
.woocommerce ul.products li.product a.card__name{
  font-size:.9rem;font-weight:700;line-height:1.45;color:var(--ink);
}
.woocommerce ul.products li.product a.card__name:hover{color:var(--signal)}
.woocommerce ul.products li.product .price{
  font-family:var(--f-num);font-variant-numeric:tabular-nums;
  font-size:1rem;font-weight:700;color:var(--ink);margin:0;
  display:flex;align-items:baseline;gap:.4rem;
}
.woocommerce ul.products li.product .price del{
  color:var(--muted);font-weight:400;font-size:.78rem;opacity:1;
}
.woocommerce ul.products li.product .price ins{background:none;color:var(--signal);text-decoration:none}
.woocommerce ul.products li.product .button{margin:.15rem .9rem 1rem;justify-content:center;width:calc(100% - 1.8rem)}

/* شارة الخصم بلون الدلالة الكهرماني لا بلون الهوية */
.woocommerce span.onsale{
  position:absolute;z-index:2;inset-block-start:.55rem;inset-inline-start:.55rem;
  background:var(--alert-tint);color:var(--alert);border-radius:5px;
  font-family:var(--f-num);font-size:.62rem;font-weight:700;letter-spacing:.02em;
  min-width:auto;min-height:auto;padding:.16rem .48rem;line-height:1.6;margin:0;
}

/* ── الأزرار ───────────────────────────────────────────────── */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,
.woocommerce button.button.alt,.woocommerce input.button.alt{
  background:var(--signal);color:#fff;border:1px solid var(--signal);
  border-radius:10px;font-weight:700;font-size:.92rem;
  padding:.72rem 1.4rem;line-height:1.5;text-shadow:none;
  transition:background .2s,box-shadow .2s;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:var(--signal-2);border-color:var(--signal-2);color:#fff;
  box-shadow:0 5px 18px color-mix(in srgb,var(--signal) 30%,transparent);
}
.woocommerce a.button.disabled,.woocommerce button.button:disabled{opacity:.45}
.woocommerce a.added_to_cart{
  display:block;text-align:center;font-size:.8rem;color:var(--signal);
  margin:0 .9rem .8rem;
}

/* ── صفحة المنتج ───────────────────────────────────────────── */
.woocommerce div.product{display:grid;gap:clamp(1.4rem,3.5vw,2.6rem)}
@media(min-width:900px){
  .woocommerce div.product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .woocommerce div.product .woocommerce-product-gallery{grid-column:1;float:none;width:auto;margin:0}
  .woocommerce div.product .summary{grid-column:2;float:none;width:auto;margin:0}
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce div.product .related,
  .woocommerce div.product .up-sells{grid-column:1 / -1}
}
/* معرض الصور على لوحة فاتحة — نفس منطق البطاقة */
.woocommerce div.product .woocommerce-product-gallery{
  background:var(--plate);border:1px solid var(--rule);border-radius:var(--r);padding:1rem;
}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:8px}
.woocommerce div.product .flex-control-thumbs{
  display:flex;gap:.5rem;margin:.7rem 0 0;padding:0;list-style:none;flex-wrap:wrap;
}
.woocommerce div.product .flex-control-thumbs li{width:64px;margin:0;float:none}
.woocommerce div.product .flex-control-thumbs img{border:1px solid var(--rule)}

.woocommerce div.product .product_title{font-size:clamp(1.35rem,2.8vw,1.95rem);margin-bottom:.6rem}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  font-family:var(--f-num);font-variant-numeric:tabular-nums;
  color:var(--ink);font-size:1.5rem;font-weight:700;margin-bottom:1rem;
}
.woocommerce div.product p.price del{color:var(--muted);font-size:.95rem;font-weight:400}
.woocommerce div.product p.price ins{background:none;color:var(--signal);text-decoration:none}
.woocommerce div.product .woocommerce-product-details__short-description{
  color:var(--muted);line-height:1.85;margin-bottom:1.2rem;
}

/* شريط مواصفات المنتج المفرد — الوعد الأساسي للمتجر معروضاً أعلى الصفحة */
.spec-strip{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.1rem}
.spec-strip .spec{font-size:.74rem;padding:.24rem .6rem}

/* المتغيّرات */
.woocommerce div.product form.cart{margin-bottom:1.2rem}
.woocommerce div.product form.cart .variations{width:100%;margin-bottom:1rem;border:0}
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td{border:0;padding:.3rem 0;background:none}
.woocommerce div.product form.cart .variations label{color:var(--ink);font-weight:600;font-size:.88rem}
.woocommerce div.product form.cart .reset_variations{color:var(--muted);font-size:.78rem}
.woocommerce div.product .product_meta{
  font-size:.8rem;color:var(--muted);border-top:1px solid var(--rule);padding-top:1rem;
}
.woocommerce div.product .product_meta a{color:var(--signal)}

/* ── الحقول ────────────────────────────────────────────────── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .quantity input.qty,
.select2-container .select2-selection--single,
.woocommerce table.cart td.actions .coupon .input-text,
input[type=text],input[type=email],input[type=tel],input[type=password],
input[type=search],input[type=number],textarea,select{
  background:var(--card);border:1px solid var(--rule);color:var(--ink);
  border-radius:9px;padding:.7rem .9rem;font:inherit;font-size:.92rem;
  transition:border-color .2s,box-shadow .2s;
}
input:focus,textarea:focus,select:focus,
.woocommerce form .form-row input.input-text:focus{
  border-color:var(--signal);outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 15%,transparent);
}
input::placeholder,textarea::placeholder{color:var(--muted)}
.woocommerce .quantity input.qty{
  width:74px;text-align:center;
  font-family:var(--f-num);font-variant-numeric:tabular-nums;
}
.woocommerce form .form-row label{color:var(--ink);font-size:.86rem;font-weight:600;margin-bottom:.3rem}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ink);line-height:1.6}
.select2-dropdown{background:var(--card);border-color:var(--rule);color:var(--ink)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--signal);color:#fff}

/* ── السلة والدفع ──────────────────────────────────────────── */
.woocommerce table.shop_table{
  border:1px solid var(--rule);border-radius:var(--r);border-collapse:separate;
  border-spacing:0;background:var(--card);color:var(--ink);overflow:hidden;
}
.woocommerce table.shop_table th{
  color:var(--muted);font-weight:600;font-size:.8rem;
  border-bottom:1px solid var(--rule);padding:.9rem 1rem;text-align:start;
}
.woocommerce table.shop_table td{border-top:1px solid var(--rule);padding:.9rem 1rem}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th{
  border-top:1px solid var(--rule);color:var(--ink);
}
.woocommerce table.shop_table .amount{
  font-family:var(--f-num);font-variant-numeric:tabular-nums;font-weight:700;
}
.woocommerce-cart table.cart img{width:66px;border-radius:8px;background:var(--plate)}
.woocommerce table.cart a.remove{color:var(--muted)!important;font-weight:400}
.woocommerce table.cart a.remove:hover{background:var(--alert);color:#fff!important}

.woocommerce-checkout #payment,.woocommerce .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:1.3rem;
}
.woocommerce-checkout #payment{background:var(--card)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--rule);padding:0 0 1rem}
.woocommerce-checkout #payment ul.payment_methods li{background:none;color:var(--ink)}
.woocommerce-checkout #payment div.payment_box{
  background:var(--rule-2);color:var(--muted);border-radius:9px;font-size:.85rem;
}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--rule-2)}

/* ── الإشعارات ─────────────────────────────────────────────── */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
  background:var(--card);border-top:0;border-radius:var(--r);
  border-inline-start:3px solid var(--signal);
  color:var(--ink);padding:.95rem 1.2rem;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  box-shadow:var(--shadow);
}
.woocommerce-error{border-inline-start-color:var(--alert);list-style:none;margin-inline-start:0}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}

/* ── الفرز والتنقّل ────────────────────────────────────────── */
.woocommerce .woocommerce-result-count{
  color:var(--muted);font-size:.84rem;
  font-family:var(--f-num);font-variant-numeric:tabular-nums;
}
.woocommerce .woocommerce-ordering select{padding:.5rem .8rem}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:.35rem;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  background:var(--card);border:1px solid var(--rule);color:var(--ink-2);
  border-radius:9px;padding:.5rem .9rem;min-width:40px;
  font-family:var(--f-num);font-variant-numeric:tabular-nums;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background:var(--signal);border-color:var(--signal);color:#fff;
}

/* ── التبويبات والمراجعات ──────────────────────────────────── */
.woocommerce div.product .woocommerce-tabs ul.tabs{
  padding:0;margin:0 0 1.3rem;display:flex;gap:.4rem;flex-wrap:wrap;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom:1px solid var(--rule)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent;border:1px solid var(--rule);border-radius:9px;margin:0;padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:var(--ink-2);padding:.55rem 1.1rem;font-weight:600;font-size:.88rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background:var(--signal-tint);border-color:var(--signal);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--signal)}
/* جدول المواصفات في تبويب «معلومات إضافية» — قلب هوية المتجر */
.woocommerce div.product .woocommerce-tabs table.shop_attributes th{
  font-family:var(--f-ar);color:var(--muted);font-weight:600;width:35%;
}
.woocommerce div.product .woocommerce-tabs table.shop_attributes td{
  font-family:var(--f-num);font-variant-numeric:tabular-nums;color:var(--ink);font-style:normal;
}
.woocommerce div.product .woocommerce-tabs table.shop_attributes td p{margin:0}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
  border:1px solid var(--rule);border-radius:var(--r);background:var(--card);padding:1rem;
}
.woocommerce p.stars a,.woocommerce .star-rating span{color:var(--alert)}

/* ── حساب العميل ───────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  border:1px solid var(--rule);border-radius:9px;background:var(--card);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:.65rem 1rem;color:var(--ink-2);font-size:.88rem}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{background:var(--signal-tint);border-color:var(--signal)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--signal)}
.woocommerce-account .woocommerce-form-login,.woocommerce-account .woocommerce-form-register{
  border:1px solid var(--rule);background:var(--card);border-radius:var(--r);padding:1.4rem;
}

/* ── تخطيط صفحات المتجر ────────────────────────────────────── */
.shop-wrap{max-width:var(--wrap);margin-inline:auto;padding:clamp(1.8rem,4vw,3rem) var(--rail)}
.shop-head{display:grid;gap:.35rem;margin-bottom:clamp(1.2rem,2.6vw,1.8rem)}
.shop-head h1{font-size:var(--t-h2)}
.shop-head .term-desc{color:var(--muted);max-width:52ch;font-size:.9rem}
.woocommerce-breadcrumb{
  color:var(--muted);font-size:.8rem;margin-bottom:.9rem;
  font-family:var(--f-num);
}
.woocommerce-breadcrumb a{color:var(--muted)}
.woocommerce-breadcrumb a:hover{color:var(--signal)}

.page-content{max-width:70ch;margin-inline:auto}
.page-content h2,.page-content h3{margin:1.8rem 0 .7rem}
.page-content p{margin:0 0 1rem;color:var(--ink-2)}
.page-content a{color:var(--signal);text-decoration:underline;text-underline-offset:3px}
.page-content ul,.page-content ol{color:var(--ink-2);padding-inline-start:1.4rem}

/* المدوّنة */
.post-list{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}
.post-card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:1.1rem;display:grid;gap:.55rem}
.post-card img{border-radius:9px;aspect-ratio:16/10;object-fit:cover;width:100%}
.post-card__title{font-size:1rem}
.post-card__title a:hover{color:var(--signal)}
.post-card__excerpt{color:var(--muted);font-size:.86rem;line-height:1.65;margin:0}

/* الودجات */
.widget{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:1.1rem;margin-bottom:.9rem}
.widget-title{font-size:.88rem;margin:0 0 .7rem;font-weight:700}
.widget ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.widget a{color:var(--muted);font-size:.86rem}
.widget a:hover{color:var(--signal)}

/* البحث */
.search-form{display:flex;gap:.55rem;flex-wrap:wrap;width:100%}
.search-form input[type=search]{flex:1 1 220px}
.search-panel{border-top:1px solid var(--rule);background:var(--card);padding:.9rem 0}
.search-panel .head__in{padding-block:0}

/* مدة التوصيل تحت زر الشراء — شرط الشفافية مع التوريد الخارجي */
.delivery-note{
  color:var(--muted);font-size:.83rem;margin-top:.85rem;
  border-inline-start:3px solid var(--signal);padding-inline-start:.8rem;
}

/* قائمة الجوال */
.burger{display:none}
@media(max-width:940px){
  .burger{display:grid}
  .nav--open{
    display:flex;position:fixed;inset-block-start:0;inset-inline-end:0;
    width:min(82vw,310px);height:100dvh;z-index:60;
    background:var(--card);border-inline-start:1px solid var(--rule);
    flex-direction:column;gap:0;padding:4.6rem 0 2rem;overflow-y:auto;
  }
  .nav--open a{padding:.85rem 1.5rem;border-bottom:1px solid var(--rule);border-radius:0;font-size:.98rem}
  .nav-close{position:fixed;inset-block-start:1rem;inset-inline-end:1.1rem;z-index:61;color:var(--ink)}
  .nav-veil{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:55}
}

.skip-link:focus{
  position:fixed;inset-block-start:1rem;inset-inline-start:1rem;z-index:99;
  background:var(--signal);color:#fff;padding:.55rem 1.1rem;
  width:auto;height:auto;clip:auto;border-radius:8px;
}