/*
Theme Name: Manstore — متجر الرجل
Theme URI: https://manstoree.com
Author: Manstore
Author URI: https://manstoree.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: manstore
Tags: e-commerce, rtl-language-support, right-sidebar, custom-menu, translation-ready
WC requires at least: 7.0
WC tested up to: 9.4
*/

/* ─────────────────────────────────────────────────────────────
   متجر الرجل · MANSTORE
   المرجع البصري: البِشت. قماش داكن وخيط زري ذهبي مطرّز على الحافة.
   لذلك الذهبي هنا خيط رفيع لا كتلة ممتلئة: حدود شعرية وفواصل مجدولة.
   هوية ملتزمة بعالم واحد (داكن)، فكل لون مطليّ صراحةً ليثبت فوق أي أرضية.
   ───────────────────────────────────────────────────────────── */

:root{
  /* اللون */
  --ink:#0E0E10;        /* أرض القماش — أسود بميل بارد، ليس #000 الخام */
  --cloth:#15151A;      /* سطح مرتفع: البطاقات */
  --cloth-2:#1C1C22;    /* سطح أعلى: التحويم */
  --line:#2B2B33;       /* حدّ خافت */
  --zari:#C9A227;       /* خيط الزري */
  --zari-lite:#E3C766;  /* الخيط تحت الضوء */
  --bone:#EDE7DB;       /* نص أساسي — عظمي دافئ بلون الثوب */
  --muted:#918A7C;      /* رمادي بميل رملي — منحاز للأكسنت لا محايد */

  /* الخط */
  /* خط واضح مقروء بقيادة Arial. Tahoma قبل system-ui لأنها أوضح عربياً على ويندوز،
     وArial متوفّرة عربياً على أغلب الأنظمة فلا يتغيّر الشكل بين جهاز وآخر. */
  --f-ar:Arial,"Helvetica Neue",Helvetica,Tahoma,"Segoe UI",sans-serif;
  /* الاسم اللاتيني بنفس العائلة مع تتبّع واسع — أناقة من المسافة لا من زخرفة الحرف */
  --f-mark:Arial,"Helvetica Neue",Helvetica,sans-serif;

  /* المقياس الطباعي */
  --t-display:clamp(2.6rem,8vw,5.6rem);
  --t-h2:clamp(1.45rem,3.6vw,2.35rem);
  --t-h3:clamp(1.05rem,1.9vw,1.25rem);
  --t-body:1rem;
  --t-label:.72rem;

  --wrap:1180px;
  --rail:clamp(1.1rem,4vw,2.5rem);
}

*,*::before,*::after{box-sizing:border-box}

html{ -webkit-text-size-adjust:100% }

body{
  margin:0;
  background:var(--ink);          /* صريح: الأرضية لا تُورَّث من المضيف */
  color:var(--bone);
  font-family:var(--f-ar);
  font-size:var(--t-body);
  line-height:1.85;
  overflow-x:hidden;
}

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(--zari-lite);
  outline-offset:3px;
  border-radius:2px;
}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--rail)}

/* عنوان القسم — تتبّع واسع ولون خافت، بديل الحروف الكبيرة التي لا وجود لها بالعربية */
.eyebrow{
  font-size:var(--t-label);
  letter-spacing:.06em;
  color:var(--muted);
  margin:0;
}

h1,h2,h3{text-wrap:balance;margin:0;line-height:1.25;font-weight:600}
h2{font-size:var(--t-h2);letter-spacing:-.01em}
h3{font-size:var(--t-h3)}
p{margin:0}

/* ── جديلة الزري ───────────────────────────────────────────────
   الفاصل المميّز للهوية: معينات متشابكة بخيط شعري، تتكرّر أفقياً.
   تُرسم مرة واحدة كـ pattern وتُعاد أينما لزم فاصل.               */
.braid{width:100%;height:14px;opacity:.55}
.braid--strong{opacity:.9}

/* ── الشريط العلوي ─────────────────────────────────────────── */
.topbar{
  background:#0A0A0C;
  border-bottom:1px solid var(--line);
  font-size:.78rem;
  letter-spacing:.04em;
  color:var(--muted);
}
.topbar__in{
  max-width:var(--wrap);margin-inline:auto;padding:.6rem var(--rail);
  display:flex;justify-content:center;align-items:center;gap:.5rem;
}
.topbar b{color:var(--zari-lite);font-weight:600}

/* ── الرأس ─────────────────────────────────────────────────── */
.head{
  position:sticky;top:0;z-index:40;
  background:rgba(14,14,16,.88);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.head__in{
  max-width:var(--wrap);margin-inline:auto;padding:.95rem var(--rail);
  display:flex;align-items:center;gap:1.25rem;
}
.mark{display:flex;align-items:baseline;gap:.6rem;flex-shrink:0}
.mark__latin{
  font-family:var(--f-mark);
  font-size:1.18rem;letter-spacing:.34em;
  color:var(--bone);
  padding-inline-start:.34em;  /* يعوّض التتبّع الزائد على آخر حرف */
}
.mark__ar{font-size:.9rem;color:var(--bone);font-weight:700}

.nav{display:flex;gap:1.5rem;margin-inline-start:auto;font-size:.9rem}
.nav a{color:var(--muted);transition:color .2s}
.nav a:hover{color:var(--bone)}
.tools{display:flex;gap:1.1rem;align-items:center;margin-inline-start:1rem}
.tools button{color:var(--muted);transition:color .2s;line-height:0}
.tools button:hover{color:var(--zari-lite)}
.cart{position:relative}
.cart__n{
  position:absolute;inset-block-start:-6px;inset-inline-end:-8px;
  min-width:16px;height:16px;padding:0 4px;
  background:var(--zari);color:#101014;
  border-radius:99px;font-size:.62rem;font-weight:700;
  display:grid;place-items:center;line-height:1;
}
@media(max-width:820px){ .nav{display:none} }

/* ── البطل ─────────────────────────────────────────────────── */
.hero{
  position:relative;
  padding:clamp(4rem,11vw,8rem) 0 clamp(3rem,7vw,5rem);
  text-align:center;
  overflow:hidden;
}
/* وهج خافت خلف الاسم — عمق بلا صورة تُحمَّل */
.hero::before{
  content:"";position:absolute;inset-inline:0;inset-block-start:-10%;
  height:70%;pointer-events:none;
  background:radial-gradient(ellipse 55% 60% at 50% 0%,rgba(201,162,39,.13),transparent 70%);
}
.hero__in{position:relative}

.hero__braid{max-width:520px;margin:0 auto clamp(1.8rem,4vw,2.6rem)}

/* اللاتيني سطر علوي متباعد — الاسم التجاري كما يُنطق: إي واحدة */
.hero__latin{
  font-family:var(--f-mark);
  font-size:clamp(.82rem,1.9vw,1.05rem);
  letter-spacing:.5em;
  padding-inline-start:.5em;
  color:var(--zari-lite);
  margin-bottom:clamp(.9rem,2vw,1.3rem);
  font-weight:400;
}
/* الاسم العربي هو البطل. بلا تتبّع: العربية خط متّصل والتباعد يقطع وصلاتها */
.hero__mark{
  font-size:var(--t-display);
  letter-spacing:0;
  line-height:1.15;
  color:var(--bone);
  margin:0 0 1.4rem;
  font-weight:700;
}
.hero__sub{
  max-width:33ch;margin:0 auto clamp(2rem,4vw,2.6rem);
  color:var(--muted);
  font-size:clamp(.95rem,1.6vw,1.06rem);
  line-height:1.9;
}
.hero__cta{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}

/* الأزرار — الذهبي خيط لا كتلة: الأساسي محدَّد بخيط، والتعبئة تأتي عند التحويم */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.82rem 1.9rem;
  border:1px solid var(--zari);
  color:var(--zari-lite);
  font-size:.92rem;font-weight:600;letter-spacing:.03em;
  transition:background .25s,color .25s,border-color .25s;
}
.btn:hover{background:var(--zari);color:#101014;border-color:var(--zari)}
.btn--ghost{border-color:var(--line);color:var(--muted)}
.btn--ghost:hover{background:transparent;color:var(--bone);border-color:var(--bone)}

/* ── الأقسام الأربعة ───────────────────────────────────────── */
.section{padding:clamp(3.2rem,7vw,5.5rem) 0}
.section__head{margin-bottom:clamp(1.8rem,4vw,2.8rem);display:grid;gap:.55rem}

.depts{
  display:grid;gap:1px;
  background:var(--line);            /* الفواصل خطوط شعرية بين اللوحات */
  border:1px solid var(--line);
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.dept{
  background:var(--cloth);
  padding:clamp(1.6rem,3vw,2.2rem);
  display:grid;gap:.85rem;
  position:relative;
  transition:background .3s;
}
.dept:hover{background:var(--cloth-2)}
/* خيط الزري يمتدّ على حافة اللوحة عند التحويم */
.dept::after{
  content:"";position:absolute;inset-block-end:0;inset-inline-start:0;
  height:1px;width:0;background:var(--zari);
  transition:width .45s cubic-bezier(.22,1,.36,1);
}
.dept:hover::after{width:100%}
.dept__icon{color:var(--zari);opacity:.85}
.dept h3{color:var(--bone)}
.dept p{color:var(--muted);font-size:.88rem;line-height:1.7}
.dept__n{
  font-family:var(--f-mark);font-size:.78rem;color:var(--muted);
  letter-spacing:.1em;
}

/* ── شبكة المنتجات ─────────────────────────────────────────── */
.grid{
  display:grid;gap:clamp(1rem,2.2vw,1.6rem);
  grid-template-columns:repeat(auto-fill,minmax(215px,1fr));
}
.card{
  background:var(--cloth);
  border:1px solid var(--line);
  display:flex;flex-direction:column;
  transition:border-color .3s,transform .3s;
}
.card:hover{border-color:rgba(201,162,39,.5);transform:translateY(-3px)}
.card__frame{
  aspect-ratio:4/5;
  display:grid;place-items:center;
  background:
    radial-gradient(ellipse 70% 55% at 50% 42%,rgba(201,162,39,.07),transparent 72%),
    #101014;
  border-bottom:1px solid var(--line);
  position:relative;
}
.card__frame svg{width:44%;height:auto;color:var(--muted);transition:color .35s}
.card:hover .card__frame svg{color:var(--zari)}
.card__soon{
  position:absolute;inset-block-start:.7rem;inset-inline-start:.7rem;
  font-size:.66rem;letter-spacing:.04em;
  color:var(--muted);border:1px solid var(--line);
  padding:.2rem .55rem;background:rgba(14,14,16,.7);
}
.card__body{padding:.95rem 1rem 1.15rem;display:grid;gap:.3rem}
.card__cat{font-size:.72rem;letter-spacing:.04em;color:var(--muted)}
.card__name{font-size:.95rem;font-weight:600;color:var(--bone)}
.card__price{
  font-size:.92rem;color:var(--zari-lite);
  font-variant-numeric:tabular-nums;letter-spacing:.02em;
}

/* ── شريط الوعود ───────────────────────────────────────────── */
.promise{
  border-block:1px solid var(--line);
  background:#0B0B0D;
}
.promise__grid{
  display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.promise__i{
  background:#0B0B0D;padding:1.5rem 1.2rem;
  display:grid;gap:.4rem;justify-items:center;text-align:center;
}
.promise__i svg{color:var(--zari);opacity:.8}
.promise__i b{font-size:.86rem;font-weight:600;color:var(--bone)}
.promise__i span{font-size:.75rem;color:var(--muted);line-height:1.6}

/* ── لوحة العود ────────────────────────────────────────────── */
.oud{
  display:grid;gap:clamp(2rem,5vw,3.5rem);
  grid-template-columns:1fr;
  align-items:center;
  border:1px solid var(--line);
  background:linear-gradient(160deg,#16161B,#0F0F12);
  padding:clamp(1.8rem,4vw,3.2rem);
}
@media(min-width:860px){ .oud{grid-template-columns:1fr 1fr} }
.oud__copy{display:grid;gap:1.1rem}
.oud__copy p{color:var(--muted);max-width:42ch}
.oud__art{display:grid;place-items:center;min-height:230px}
.oud__art svg{width:min(74%,290px);color:var(--zari);opacity:.9}

/* ── الاشتراك ──────────────────────────────────────────────── */
.signup{text-align:center;display:grid;gap:1.1rem;justify-items:center}
.signup form{
  display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;
  width:min(100%,460px);
}
.signup input{
  flex:1 1 240px;
  background:var(--cloth);border:1px solid var(--line);
  color:var(--bone);padding:.82rem 1.1rem;font:inherit;font-size:.92rem;
  transition:border-color .25s;
}
.signup input::placeholder{color:var(--muted)}
.signup input:focus{border-color:var(--zari);outline:none}
.signup__note{font-size:.76rem;color:var(--muted)}

/* ── التذييل ───────────────────────────────────────────────── */
.foot{border-top:1px solid var(--line);background:#0A0A0C;margin-top:clamp(3rem,7vw,5rem)}
.foot__grid{
  display:grid;gap:2.2rem;padding:clamp(2.5rem,5vw,3.5rem) 0 2rem;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
}
.foot h4{font-size:.82rem;letter-spacing:.04em;color:var(--bone);margin:0 0 .9rem;font-weight:600}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.foot a{color:var(--muted);font-size:.86rem;transition:color .2s}
.foot a:hover{color:var(--zari-lite)}
.foot__bottom{
  border-top:1px solid var(--line);
  padding:1.2rem 0;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-size:.76rem;color:var(--muted);
}
.pay{display:flex;gap:.6rem;align-items:center;color:var(--muted)}
.pay span{
  border:1px solid var(--line);padding:.22rem .6rem;
  font-size:.68rem;letter-spacing:.06em;
}

/* شارة «نسخة تصميم» — لئلا تُقرأ الصفحة كمتجر يعمل فعلاً */
.draft{
  position:fixed;inset-block-end:1rem;inset-inline-start:1rem;z-index:60;
  background:rgba(10,10,12,.92);border:1px solid var(--zari);
  color:var(--zari-lite);font-size:.72rem;letter-spacing:.03em;
  padding:.42rem .8rem;backdrop-filter:blur(6px);
}

/* ── الحركة ───────────────────────────────────────────────── */
@keyframes draw{ to{ stroke-dashoffset:0 } }
@keyframes rise{ from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }

.hero__braid path{
  stroke-dasharray:1400;stroke-dashoffset:1400;
  animation:draw 2.1s cubic-bezier(.4,0,.2,1) forwards;
}
.hero__mark{animation:rise .9s .7s both}
.hero__latin{animation:rise .9s .55s both}
.hero__sub{animation:rise .9s .9s both}
.hero__cta{animation:rise .9s 1.05s both}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .hero__braid path{stroke-dashoffset:0}
}

/* ═══════════════════════════════════════════════════════════════
   ووكومرس — نُلبس مكوّناته هوية الزري بدل أنماطه الافتراضية الفاتحة.
   ووكومرس يفترض خلفية بيضاء، فأي حقل أو زر لا نتولّاه هنا يظهر
   أبيض على أسود ويكسر الهوية. لذلك التغطية شاملة لا انتقائية.
   ═══════════════════════════════════════════════════════════════ */

/* ── شبكة المنتجات ─────────────────────────────────────────── */
.woocommerce ul.products{
  display:grid;gap:clamp(1rem,2.2vw,1.6rem);margin:0;padding:0;list-style:none;
  grid-template-columns:repeat(auto-fill,minmax(215px,1fr));
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{
  background:var(--cloth);border:1px solid var(--line);
  margin:0;padding:0;width:auto;float:none;
  display:flex;flex-direction:column;
  transition:border-color .3s,transform .3s;
}
.woocommerce ul.products li.product:hover{
  border-color:rgba(201,162,39,.5);transform:translateY(-3px);
}
.woocommerce ul.products li.product a img{
  aspect-ratio:4/5;object-fit:cover;width:100%;margin:0;
  border-bottom:1px solid var(--line);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:.95rem;font-weight:600;color:var(--bone);
  padding:.9rem 1rem .2rem;margin:0;line-height:1.5;
}
.woocommerce ul.products li.product .price{
  color:var(--zari-lite);font-size:.92rem;font-weight:600;
  font-variant-numeric:tabular-nums;
  padding:0 1rem;margin:0;display:block;
}
.woocommerce ul.products li.product .price del{color:var(--muted);opacity:.7;margin-inline-end:.4rem}
.woocommerce ul.products li.product .price ins{background:none;color:var(--zari-lite);text-decoration:none}
.woocommerce ul.products li.product .button{
  margin:.9rem 1rem 1.1rem;text-align:center;justify-content:center;
}

/* شارة التخفيض — خيط ذهبي لا كتلة حمراء */
.woocommerce span.onsale{
  background:transparent;border:1px solid var(--zari);color:var(--zari-lite);
  border-radius:0;font-size:.68rem;font-weight:600;letter-spacing:.03em;
  min-width:auto;min-height:auto;padding:.2rem .6rem;line-height:1.6;
  inset-block-start:.7rem;inset-inline-start:.7rem;margin:0;
  position:absolute;z-index:2;
}

/* ── الأزرار ───────────────────────────────────────────────── */
.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,
.woocommerce #respond input#submit.alt{
  background:transparent;border:1px solid var(--zari);color:var(--zari-lite);
  border-radius:0;font-weight:600;font-size:.9rem;letter-spacing:.02em;
  padding:.78rem 1.7rem;line-height:1.5;text-shadow:none;
  transition:background .25s,color .25s;
}
.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,
.woocommerce input.button.alt:hover{
  background:var(--zari);color:#101014;
}
.woocommerce a.button.disabled,
.woocommerce button.button:disabled{opacity:.45;cursor:not-allowed}

/* ── صفحة المنتج ───────────────────────────────────────────── */
.woocommerce div.product{display:grid;gap:clamp(1.6rem,4vw,3rem)}
@media(min-width:900px){
  .woocommerce div.product{grid-template-columns:minmax(0,1.05fr) 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 .product_title{
  font-size:clamp(1.4rem,3vw,2rem);color:var(--bone);font-weight:700;margin-bottom:.7rem;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--zari-lite);font-size:1.35rem;font-weight:700;
  font-variant-numeric:tabular-nums;margin-bottom:1.1rem;
}
.woocommerce div.product .woocommerce-product-details__short-description{
  color:var(--muted);line-height:1.9;margin-bottom:1.4rem;
}
.woocommerce div.product .woocommerce-product-gallery img{border:1px solid var(--line)}
.woocommerce div.product .flex-control-thumbs{display:flex;gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none}
.woocommerce div.product .flex-control-thumbs li{width:72px;margin:0;float:none}

/* المتغيّرات (مقاس/لون) — جوهرية لمتجر أزياء */
.woocommerce div.product form.cart .variations{width:100%;margin-bottom:1.2rem;border:0}
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td{
  border:0;padding:.35rem 0;background:none;
}
.woocommerce div.product form.cart .variations label{
  color:var(--bone);font-weight:600;font-size:.9rem;
}
.woocommerce div.product form.cart .reset_variations{
  color:var(--muted);font-size:.8rem;
}

/* ── الحقول ────────────────────────────────────────────────── */
.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(--cloth);border:1px solid var(--line);color:var(--bone);
  border-radius:0;padding:.72rem .9rem;font:inherit;font-size:.92rem;
  transition:border-color .25s;
}
input:focus,textarea:focus,select:focus,
.woocommerce form .form-row input.input-text:focus{
  border-color:var(--zari);outline:none;
}
input::placeholder,textarea::placeholder{color:var(--muted)}
.woocommerce .quantity input.qty{width:72px;text-align:center}
.woocommerce form .form-row label{color:var(--bone);font-size:.88rem;font-weight:600;margin-bottom:.35rem}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--bone);line-height:1.6}
.select2-dropdown{background:var(--cloth);border-color:var(--line);color:var(--bone)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--zari);color:#101014}

/* ── السلة والدفع ──────────────────────────────────────────── */
.woocommerce table.shop_table{
  border:1px solid var(--line);border-radius:0;border-collapse:collapse;
  background:var(--cloth);color:var(--bone);
}
.woocommerce table.shop_table th{
  color:var(--bone);font-weight:600;border-bottom:1px solid var(--line);padding:1rem;
}
.woocommerce table.shop_table td{border-top:1px solid var(--line);padding:1rem;color:var(--bone)}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{border-top:1px solid var(--line);color:var(--bone)}
.woocommerce-cart table.cart img{width:74px;border:1px solid var(--line)}
.woocommerce table.cart a.remove{color:var(--muted)!important;font-weight:400}
.woocommerce table.cart a.remove:hover{background:var(--zari);color:#101014!important}

.woocommerce-checkout #payment,
.woocommerce .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order{
  background:var(--cloth);border:1px solid var(--line);border-radius:0;padding:1.4rem;
}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line);padding:0 0 1rem}
.woocommerce-checkout #payment ul.payment_methods li{background:none;color:var(--bone)}
.woocommerce-checkout #payment div.payment_box{
  background:var(--cloth-2);color:var(--muted);border-radius:0;font-size:.86rem;
}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--cloth-2)}
.woocommerce-checkout #payment .place-order{padding-top:1rem}

/* ── الإشعارات ─────────────────────────────────────────────── */
.woocommerce-message,.woocommerce-info,.woocommerce-error,
.woocommerce-noreviews,p.no-comments{
  background:var(--cloth);border-top:0;border-inline-start:2px solid var(--zari);
  color:var(--bone);border-radius:0;padding:1rem 1.3rem;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
}
.woocommerce-error{border-inline-start-color:#C0553F;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:.86rem}
.woocommerce .woocommerce-ordering select{padding:.5rem .8rem}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:.4rem;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(--cloth);border:1px solid var(--line);color:var(--muted);
  padding:.55rem .95rem;min-width:42px;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background:transparent;border-color:var(--zari);color:var(--zari-lite);
}

/* ── التبويبات والمراجعات ──────────────────────────────────── */
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 1.4rem;display:flex;gap:.5rem;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent;border:1px solid var(--line);border-radius:0;
  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(--muted);padding:.6rem 1.2rem;font-weight:600;font-size:.9rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-color:var(--zari)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--zari-lite)}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
  border:1px solid var(--line);border-radius:0;background:var(--cloth);padding:1.1rem;
}
.woocommerce p.stars a{color:var(--zari)}
.woocommerce .star-rating span{color:var(--zari)}

/* ── حساب العميل ───────────────────────────────────────────── */
.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(--line);background:var(--cloth)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:.7rem 1rem;color:var(--muted);font-size:.9rem}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{border-color:var(--zari)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--zari-lite)}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{
  border:1px solid var(--line);background:var(--cloth);border-radius:0;padding:1.5rem;
}

/* ── تخطيط عام لصفحات المتجر ───────────────────────────────── */
.shop-wrap{max-width:var(--wrap);margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) var(--rail)}
.shop-head{display:grid;gap:.55rem;margin-bottom:clamp(1.6rem,3.5vw,2.4rem)}
.shop-head h1{font-size:var(--t-h2);color:var(--bone);font-weight:700}
.shop-head .term-desc{color:var(--muted);max-width:52ch;font-size:.92rem}
.woocommerce-breadcrumb{color:var(--muted);font-size:.82rem;margin-bottom:1rem}
.woocommerce-breadcrumb a{color:var(--muted)}
.woocommerce-breadcrumb a:hover{color:var(--zari-lite)}

/* المحتوى العام (صفحات ومقالات) */
.page-content{max-width:70ch;margin-inline:auto}
.page-content h1,.page-content h2,.page-content h3{margin:2rem 0 .8rem;color:var(--bone)}
.page-content p{margin:0 0 1.1rem;color:var(--bone)}
.page-content a{color:var(--zari-lite);text-decoration:underline;text-underline-offset:3px}
.page-content ul,.page-content ol{color:var(--bone);padding-inline-start:1.4rem}

/* قائمة الجوال */
.burger{display:none;color:var(--muted)}
@media(max-width:820px){
  .burger{display:block}
  .nav--open{
    display:flex;position:fixed;inset-block-start:0;inset-inline-end:0;
    width:min(80vw,300px);height:100vh;z-index:60;
    background:var(--cloth);border-inline-start:1px solid var(--line);
    flex-direction:column;gap:0;padding:5rem 0 2rem;overflow-y:auto;
  }
  .nav--open a{padding:.9rem 1.6rem;border-bottom:1px solid var(--line);font-size:1rem}
  .nav-close{position:fixed;inset-block-start:1.1rem;inset-inline-end:1.2rem;z-index:61;color:var(--bone)}
  .nav-veil{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:55}
}

/* الطباعة والوصولية */
.screen-reader-text{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;
}
.skip-link:focus{
  position:fixed;inset-block-start:1rem;inset-inline-start:1rem;z-index:99;
  background:var(--zari);color:#101014;padding:.6rem 1.2rem;width:auto;height:auto;clip:auto;
}

/* ── ملحقات القالب ─────────────────────────────────────────── */

/* بطاقة المنتج داخل شبكة ووكومرس: الإطار رابط، فيرث تخطيط .card__frame */
.woocommerce ul.products li.product a.card__frame{
  display:grid;place-items:center;aspect-ratio:4/5;position:relative;
  background:
    radial-gradient(ellipse 70% 55% at 50% 42%,rgba(201,162,39,.07),transparent 72%),
    #101014;
  border-bottom:1px solid var(--line);overflow:hidden;
}
.woocommerce ul.products li.product a.card__frame img{
  width:100%;height:100%;object-fit:cover;border:0;
}
.card__ph{width:42%;height:auto;color:var(--muted);transition:color .35s}
.woocommerce ul.products li.product:hover .card__ph{color:var(--zari)}
.woocommerce ul.products li.product .card__body{padding:.95rem 1rem .2rem;display:grid;gap:.3rem}
.woocommerce ul.products li.product a.card__name{
  font-size:.95rem;font-weight:600;color:var(--bone);line-height:1.5;
}
.woocommerce ul.products li.product a.card__name:hover{color:var(--zari-lite)}

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

/* نموذج البحث */
.search-form{display:flex;gap:.6rem;flex-wrap:wrap;width:100%}
.search-form input[type=search]{flex:1 1 220px}
.search-panel{border-top:1px solid var(--line);background:var(--cloth);padding:1rem 0}
.search-panel .head__in{padding-block:0}

/* المدوّنة */
.post-list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.post-card{background:var(--cloth);border:1px solid var(--line);padding:1.2rem;display:grid;gap:.6rem}
.post-card__thumb img{border:1px solid var(--line);aspect-ratio:16/10;object-fit:cover;width:100%}
.post-card__title{font-size:1.05rem;color:var(--bone);margin:0}
.post-card__title a:hover{color:var(--zari-lite)}
.post-card__excerpt{color:var(--muted);font-size:.88rem;line-height:1.7;margin:0}
.single-thumb img{border:1px solid var(--line);width:100%;margin-bottom:1.6rem}

/* الودجات في شريط المتجر */
.widget{background:var(--cloth);border:1px solid var(--line);padding:1.1rem;margin-bottom:1rem}
.widget-title{font-size:.9rem;color:var(--bone);margin:0 0 .8rem;font-weight:700}
.widget ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.widget a{color:var(--muted);font-size:.88rem}
.widget a:hover{color:var(--zari-lite)}

/* تنقّل الصفحات في المدوّنة */
.navigation.pagination{margin-top:2rem}
.navigation .nav-links{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}
.navigation .page-numbers{
  background:var(--cloth);border:1px solid var(--line);color:var(--muted);
  padding:.55rem .95rem;min-width:42px;text-align:center;
}
.navigation .page-numbers.current,.navigation .page-numbers:hover{
  border-color:var(--zari);color:var(--zari-lite);
}

/* التذييل: وصف المتجر */
.foot__about{color:var(--muted);font-size:.84rem;max-width:28ch;line-height:1.75;margin:.9rem 0 0}

/* قائمة ووردبريس تخرج <ul><li><a> لا روابط مباشرة، فالمرونة تُطبَّق على القائمة
   نفسها. بدون هذا تتراصّ الروابط عمودياً بلا تباعد في الرأس. */
.nav__list{
  display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;align-items:center;
}
.nav__list li{margin:0}
.nav__list a{color:var(--muted);transition:color .2s}
.nav__list a:hover,
.nav__list .current-menu-item > a{color:var(--bone)}

@media(max-width:820px){
  .nav--open .nav__list{flex-direction:column;gap:0;width:100%;align-items:stretch}
  .nav--open .nav__list a{
    display:block;padding:.9rem 1.6rem;border-bottom:1px solid var(--line);font-size:1rem;
  }
}

/* لوحة القسم قد تكون رابطاً حين تُقرأ من تصنيفات ووكومرس */
a.dept:hover h3{color:var(--zari-lite)}