/*!
 * TajStore — Main Stylesheet
 *
 * بنية الملف:
 *   1. Reset & Base
 *   2. Design Tokens (custom properties beyond theme.json)
 *   3. Components Layer (.tj-* classes — مرجع: docs/DESIGN-SYSTEM.md)
 *      3.1 Buttons (.tj-btn)
 *      3.2 Cards (.tj-card)
 *      3.3 Sections (.tj-section)
 *      3.4 Badges (.tj-badge)
 *      3.5 Forms (.tj-input, .tj-checkbox)
 *      3.6 Eyebrow (.tj-eyebrow)
 *   4. Layout (header, footer, containers)
 *   5. Page-specific (shop archive, single product, home)
 *   6. WooCommerce Block Adapters (apply tj-* styles to WC blocks)
 *   7. Utilities + a11y
 *
 * قاعدة: لا تكتب CSS لصفحة واحدة. أضف component جديد بدلاً من ذلك.
 */

/* ============================================================
 * 1. Reset & Base
 * ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;max-inline-size:100vw}
img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}
a{text-decoration:none;color:inherit}
a:hover,a:focus-visible{text-decoration:underline;text-underline-offset:.2em}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px}
[dir="rtl"]{font-family:var(--wp--preset--font-family--arabic)}

/* ============================================================
 * 2. Design Tokens (راجع docs/DESIGN-SYSTEM.md)
 * ============================================================ */
:root{
	/* Font-size aliases — WP يحوّل slugs المبدوءة برقم إلى kebab-case (2xl → 2-xl).
	   نُبقي الأسماء النظيفة في theme.json ونوفّر aliases هنا لتطابق ما تكتبه الـ templates/CSS. */
	--wp--preset--font-size--2xl:var(--wp--preset--font-size--2-xl);
	--wp--preset--font-size--3xl:var(--wp--preset--font-size--3-xl);
	/* Radii */
	--tj-radius-sm:.375rem;
	--tj-radius-md:.625rem;
	--tj-radius-lg:1rem;
	--tj-radius-pill:9999px;
	/* Motion */
	--tj-motion-fast:150ms ease;
	--tj-motion-base:250ms cubic-bezier(.4,0,.2,1);
	/* Control heights — used for buttons, inputs, selects, etc. */
	--tj-control-h-sm:2.25rem;   /* 36px — small buttons, toolbar pills */
	--tj-control-h:2.5rem;       /* 40px — DEFAULT for buttons + inputs */
	--tj-control-h-lg:2.875rem;  /* 46px — primary CTAs (single product, hero, product card) */
	/* Surface tones (computed) */
	--tj-border-subtle:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 8%,transparent);
	--tj-border-strong:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 16%,transparent);
	--tj-text-muted:color-mix(in srgb,var(--wp--preset--color--on-surface) 65%,transparent);
}

/* ============================================================
 * 3. Components Layer — single source of truth
 * ============================================================ */

/* --- 3.1 Buttons --------------------------------------------- */
.tj-btn{
	display:inline-flex;align-items:center;justify-content:center;
	gap:.5rem;
	padding:0 1.25rem;min-block-size:var(--tj-control-h);
	font-family:inherit;font-size:var(--wp--preset--font-size--sm);font-weight:700;line-height:1;
	border:1px solid transparent;border-radius:var(--tj-radius-md);
	background:transparent;color:inherit;
	cursor:pointer;text-decoration:none;
	transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast),border-color var(--tj-motion-fast),transform var(--tj-motion-fast),box-shadow var(--tj-motion-fast);
	white-space:nowrap;
}
.tj-btn:hover,.tj-btn:focus-visible{text-decoration:none}
.tj-btn:active{transform:scale(.98)}
.tj-btn:disabled,.tj-btn.is-disabled{opacity:.5;cursor:not-allowed;transform:none !important}

/* Variants */
.tj-btn--primary{background:linear-gradient(135deg,var(--wp--preset--color--primary) 0%,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 100%);color:var(--wp--preset--color--white);box-shadow:0 4px 12px color-mix(in srgb,var(--wp--preset--color--primary) 20%,transparent)}
.tj-btn--primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 0%,var(--wp--preset--color--secondary) 100%);box-shadow:0 8px 20px color-mix(in srgb,var(--wp--preset--color--primary) 35%,transparent)}

.tj-btn--secondary{background:var(--wp--preset--color--secondary);color:var(--wp--preset--color--white)}
.tj-btn--secondary:hover{background:color-mix(in srgb,var(--wp--preset--color--secondary) 75%,#000)}

.tj-btn--outline{background:transparent;color:var(--wp--preset--color--primary);border-color:var(--wp--preset--color--primary)}
.tj-btn--outline:hover{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--white)}

.tj-btn--ghost{background:transparent;color:var(--wp--preset--color--on-surface)}
.tj-btn--ghost:hover{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--primary)}

.tj-btn--accent{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--secondary);box-shadow:0 4px 12px rgba(245,158,11,.25)}
.tj-btn--accent:hover{background:color-mix(in srgb,var(--wp--preset--color--accent) 75%,#000);color:var(--wp--preset--color--white)}

.tj-btn--white{background:var(--wp--preset--color--white);color:var(--wp--preset--color--primary)}
.tj-btn--white:hover{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--secondary)}

/* Sizes */
.tj-btn--sm{padding:0 .875rem;min-block-size:var(--tj-control-h-sm);font-size:var(--wp--preset--font-size--xs)}
.tj-btn--lg{padding:0 1.5rem;min-block-size:var(--tj-control-h-lg);font-size:var(--wp--preset--font-size--base)}
.tj-btn--block{display:flex;width:100%}

/* States — added (after add-to-cart) */
.tj-btn.is-added,.tj-btn--primary.is-added{background:linear-gradient(135deg,var(--wp--preset--color--success) 0%,color-mix(in srgb,var(--wp--preset--color--success) 75%,#000) 100%);color:#fff}
.tj-btn.is-added::before{content:"✓ ";font-weight:800}

/* --- 3.2 Cards ---------------------------------------------- */
.tj-card{
	display:flex;flex-direction:column;
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	overflow:hidden;
	transition:transform var(--tj-motion-base),box-shadow var(--tj-motion-base),border-color var(--tj-motion-base);
}
.tj-card:hover{box-shadow:0 12px 28px -10px rgba(0,0,0,.14),0 4px 10px -4px rgba(0,0,0,.06);border-color:color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent)}
.tj-card__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,var(--wp--preset--color--surface) 0%,#fff 100%)}
.tj-card__media img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .4s ease}
.tj-card:hover .tj-card__media img{transform:scale(1.05)}
.tj-card__body{padding:1rem 1.125rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.tj-card__title{font-size:.95rem;font-weight:600;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-block-size:2.6em}
.tj-card__title a{color:inherit}
.tj-card__title a:hover{color:var(--wp--preset--color--primary);text-decoration:none}
.tj-card__price{font-size:1.0625rem;font-weight:700;color:var(--wp--preset--color--primary);margin:0}
.tj-card__price del{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 40%,transparent);font-weight:400;font-size:.875rem;margin-inline-end:.5rem}
.tj-card__footer{padding:0 1.125rem 1.125rem;margin-block-start:auto}

/* --- 3.3 Sections ------------------------------------------- */
.tj-section{padding-block:var(--wp--preset--spacing--80) var(--wp--preset--spacing--70)}
.tj-section--surface{background:var(--wp--preset--color--surface)}
.tj-section--cover{position:relative;color:#fff}
.tj-section__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--wp--preset--spacing--40);margin-block-end:var(--wp--preset--spacing--60)}
.tj-section__head--center{flex-direction:column;align-items:center;text-align:center;max-inline-size:640px;margin-inline:auto}
.tj-section__title{font-size:var(--wp--preset--font-size--2xl);font-weight:800;margin:0;line-height:1.2}
.tj-section__subtitle{font-size:var(--wp--preset--font-size--base);color:var(--tj-text-muted);margin-block-start:var(--wp--preset--spacing--30);max-inline-size:640px}
.tj-section__link{display:inline-flex;align-items:center;gap:.25rem;color:var(--wp--preset--color--primary);font-weight:600;font-size:var(--wp--preset--font-size--sm);transition:gap var(--tj-motion-fast)}
.tj-section__link:hover{gap:.5rem;text-decoration:none}
[dir="rtl"] .tj-section__link svg{transform:scaleX(-1)}

/* --- 3.4 Eyebrow -------------------------------------------- */
.tj-eyebrow{display:inline-block;font-size:var(--wp--preset--font-size--xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--primary);margin-block-end:.5rem}
.tj-eyebrow--accent{color:var(--wp--preset--color--accent)}
.tj-eyebrow--danger{color:var(--wp--preset--color--danger)}

/* --- 3.5 Badges --------------------------------------------- */
.tj-badge{display:inline-flex;align-items:center;font-size:.6875rem;padding:.25rem .625rem;border-radius:var(--tj-radius-sm);font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.2;backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;background:var(--wp--preset--color--primary)}
.tj-badge--sale{background:linear-gradient(135deg,var(--wp--preset--color--danger) 0%,color-mix(in srgb,var(--wp--preset--color--danger) 75%,#000) 100%)}
.tj-badge--new{background:linear-gradient(135deg,var(--wp--preset--color--success) 0%,color-mix(in srgb,var(--wp--preset--color--success) 75%,#000) 100%)}
.tj-badge--warning{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--secondary)}
.tj-badge--info{background:var(--wp--preset--color--primary)}

/* --- 3.6 Form Inputs ---------------------------------------- */
.tj-input,.tj-select,input[type="text"].qty,input[type="number"].qty{
	font:inherit;font-size:var(--wp--preset--font-size--sm);
	padding:0 .875rem;
	border:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 18%,transparent);
	border-radius:var(--tj-radius-sm);
	background:var(--wp--preset--color--white);
	color:var(--wp--preset--color--on-surface);
	transition:border-color var(--tj-motion-fast),box-shadow var(--tj-motion-fast);
	min-block-size:var(--tj-control-h);
}
.tj-input:focus,.tj-select:focus,input[type="text"].qty:focus,input[type="number"].qty:focus{
	border-color:var(--wp--preset--color--primary);
	box-shadow:0 0 0 3px color-mix(in srgb,var(--wp--preset--color--primary) 15%,transparent);
	outline:none;
}

/* --- 3.7 Containers ----------------------------------------- */
.tj-container{max-inline-size:var(--wp--style--global--wide-size,1200px);margin-inline:auto;padding-inline:var(--wp--preset--spacing--40)}

/* ============================================================
 * 4. Layout — Header / Footer
 * ============================================================ */

/* Header v3 — Pro layouts (classic | centered | marketplace)
 * تخطيطات قابلة للتبديل من اللوحة عبر body class:
 *   .tj-header-layout-classic     →  شعار + قائمة وسط + أيقونات
 *   .tj-header-layout-centered    →  برغر | شعار وسط | أيقونات
 *   .tj-header-layout-marketplace →  شعار + شريط بحث عريض + أيقونات
 * كثافات: tj-header-density-{compact|comfortable|spacious}  */
.tj-header{border-block-end:1px solid var(--wp--preset--color--surface)}
.tj-header-no-border .tj-header{border-block-end:0}
.tj-header-density-compact     .tj-header{padding-block:.625rem}
.tj-header-density-comfortable .tj-header{padding-block:1rem}
.tj-header-density-spacious    .tj-header{padding-block:1.5rem}
.tj-header__row{gap:1rem;min-block-size:48px}
.tj-header__start,.tj-header__actions{flex:0 0 auto}
.tj-header__brand{flex:0 1 auto;min-inline-size:0;display:flex;align-items:center;gap:.5rem}
.tj-header__brand .wp-block-site-logo img{display:block;border-radius:var(--tj-radius-sm);block-size:auto;max-block-size:44px}
.tj-header__brand .wp-block-site-title{font-size:var(--wp--preset--font-size--base);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.tj-header__brand .wp-block-site-title a{color:var(--wp--preset--color--on-surface);text-decoration:none}
.tj-header__brand .wp-block-site-title a:hover{color:var(--wp--preset--color--primary);text-decoration:none}

/* Center area — wrapper يحوي nav + quick-links + search-wrap (لتخطيطات متعددة) */
.tj-header__center{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-inline-size:0;gap:1.5rem}
.tj-header__nav{display:none}
.tj-header__nav .wp-block-navigation__container{gap:1.5rem}
.tj-header__nav a{color:var(--wp--preset--color--on-surface);font-weight:600;font-size:var(--wp--preset--font-size--sm);transition:color var(--tj-motion-fast)}
.tj-header__nav a:hover{color:var(--wp--preset--color--primary);text-decoration:none}

/* Quick links — روابط ثابتة من اللوحة */
.tj-quick-links{list-style:none;margin:0;padding:0;display:none;gap:1rem;flex-wrap:nowrap}
.tj-quick-links li{margin:0}
.tj-quick-links a{display:inline-flex;align-items:center;color:color-mix(in srgb,var(--wp--preset--color--on-surface) 70%,transparent);font-size:var(--wp--preset--font-size--xs);font-weight:600;text-decoration:none;transition:color var(--tj-motion-fast);white-space:nowrap}
.tj-quick-links a:hover{color:var(--wp--preset--color--primary)}

/* Header inline search form (marketplace layout) */
.tj-header__search-wrap{display:none;flex:1 1 auto;max-inline-size:560px;min-inline-size:0}
.tj-header-search{display:flex;align-items:center;gap:.5rem;inline-size:100%;background:var(--wp--preset--color--surface);border:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 8%,transparent);border-radius:var(--tj-radius-pill);padding:.25rem .25rem .25rem 1rem;transition:border-color var(--tj-motion-fast),box-shadow var(--tj-motion-fast)}
.tj-header-search:focus-within{border-color:var(--wp--preset--color--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--wp--preset--color--primary) 14%,transparent)}
.tj-header-search__icon{flex-shrink:0;color:color-mix(in srgb,var(--wp--preset--color--on-surface) 55%,transparent)}
.tj-header-search__input{flex:1 1 auto;border:0;background:transparent;font:inherit;font-size:var(--wp--preset--font-size--sm);padding:.5rem .25rem;outline:none;color:var(--wp--preset--color--on-surface);min-inline-size:0}
.tj-header-search__input::placeholder{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 50%,transparent)}
.tj-header-search__submit{flex-shrink:0;border:0;background:var(--wp--preset--color--primary);color:#fff;padding:.5rem 1.125rem;border-radius:var(--tj-radius-pill);font:inherit;font-weight:600;font-size:var(--wp--preset--font-size--sm);cursor:pointer;transition:background-color var(--tj-motion-fast)}
.tj-header-search__submit:hover{background:color-mix(in srgb,var(--wp--preset--color--primary) 88%,#000)}

/* CTA button في الأيقونات */
.tj-header__cta{margin-inline-end:.25rem}

/* === Layout: classic (default) — desktop يظهر الـ nav في الوسط === */
@media (min-width:992px){
	.tj-header-layout-classic .tj-header__nav{display:flex}
	.tj-header-layout-classic .tj-quick-links{display:flex}
}

/* === Layout: centered — شعار في الوسط، أيقونات على الأطراف === */
.tj-header-layout-centered .tj-header__row{position:relative}
.tj-header-layout-centered .tj-header__center{display:none}
.tj-header-layout-centered .tj-header__start{flex:1 1 0;justify-content:flex-start}
.tj-header-layout-centered .tj-header__actions{flex:1 1 0;justify-content:flex-end}
.tj-header-layout-centered .tj-header__brand{position:absolute;inset-inline-start:50%;transform:translateX(-50%);justify-content:center;text-align:center}
html[dir="rtl"] .tj-header-layout-centered .tj-header__brand{transform:translateX(50%)}
@media (min-width:992px){
	.tj-header-layout-centered .tj-header__start{gap:.5rem}
}

/* === Layout: marketplace — شريط بحث عريض في الوسط === */
@media (min-width:768px){
	.tj-header-layout-marketplace .tj-header__search-wrap{display:flex}
	.tj-header-layout-marketplace .tj-header__search-toggle{display:none}
	.tj-header-layout-marketplace .tj-header__nav{display:none}
}
.tj-header-layout-marketplace .tj-header__center{justify-content:center}

/* Nav menus (theme_location based via [tj_nav] shortcode) */
.tj-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.tj-nav li{margin:0;position:relative}
.tj-nav a{display:inline-flex;align-items:center;color:inherit;text-decoration:none;transition:color var(--tj-motion-fast)}
.tj-nav .sub-menu{list-style:none;margin:0;padding:0}
.tj-nav-empty{margin:0;padding:.5rem .75rem;background:color-mix(in srgb,var(--wp--preset--color--accent) 10%,transparent);border-radius:var(--tj-radius-sm);font-size:var(--wp--preset--font-size--xs);color:color-mix(in srgb,var(--wp--preset--color--on-surface) 70%,transparent)}
.tj-nav-empty a{color:var(--wp--preset--color--primary);font-weight:600;text-decoration:none}

/* Inline desktop nav with hover dropdown */
.tj-nav--inline{flex-direction:row;align-items:center;gap:1.5rem}
.tj-nav--inline > li > a{padding:.5rem 0;font-weight:600;font-size:var(--wp--preset--font-size--sm);color:var(--wp--preset--color--on-surface);position:relative}
.tj-nav--inline > li > a:hover{color:var(--wp--preset--color--primary)}
.tj-nav--inline > li.menu-item-has-children > a::after{content:"";display:inline-block;inline-size:.4em;block-size:.4em;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);margin-inline-start:.4rem;margin-block-end:.25rem;transition:transform var(--tj-motion-fast)}
.tj-nav--inline > li.menu-item-has-children:hover > a::after,
.tj-nav--inline > li.menu-item-has-children:focus-within > a::after{transform:rotate(-135deg);margin-block-end:0;margin-block-start:.25rem}
.tj-nav--inline .sub-menu{position:absolute;inset-block-start:100%;inset-inline-start:0;min-inline-size:200px;background:#fff;border-radius:var(--tj-radius-md);box-shadow:0 12px 32px -8px rgba(0,0,0,.18),0 4px 12px -4px rgba(0,0,0,.08);padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--tj-motion-fast),transform var(--tj-motion-fast),visibility var(--tj-motion-fast);z-index:50}
.tj-nav--inline li:hover > .sub-menu,
.tj-nav--inline li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.tj-nav--inline .sub-menu a{display:block;padding:.625rem 1rem;font-size:var(--wp--preset--font-size--sm);color:var(--wp--preset--color--on-surface);white-space:nowrap}
.tj-nav--inline .sub-menu a:hover{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--primary)}

/* Footer nav (replaces hard-coded list in footer column) */
.tj-nav--footer{gap:.5rem}
.tj-nav--footer a{color:rgba(255,255,255,.75);font-size:var(--wp--preset--font-size--sm);line-height:1.7}
.tj-nav--footer a:hover{color:#fff}
.tj-nav--footer .tj-nav-empty{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7)}
.tj-nav--footer .tj-nav-empty a{color:#fff}

/* Reusable icon button */
.tj-icon-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;padding:0;border:0;background:transparent;color:var(--wp--preset--color--on-surface);border-radius:var(--tj-radius-md);cursor:pointer;transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast)}
.tj-icon-btn:hover,.tj-icon-btn:focus-visible{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--primary);outline:none}
.tj-icon-btn:focus-visible{box-shadow:0 0 0 2px var(--wp--preset--color--primary)}

/* Mobile/desktop visibility — burger يظهر دائمًا على الجوال،
 * يختفي على الديسكتوب لتخطيط classic (الـ nav inline يظهر)،
 * يبقى ظاهرًا على centered/marketplace (drawer هو الأساس). */
.tj-header__menu-toggle{display:inline-flex}
@media (min-width:992px){
	.tj-header-layout-classic .tj-header__menu-toggle{display:none}
}

/* WC blocks inside header actions */
.tajstore-header-actions{gap:.25rem;align-items:center}
.tajstore-header-actions .wc-block-mini-cart__button,.tajstore-header-actions .wc-block-customer-account__link{padding:.5rem;border-radius:var(--tj-radius-md);color:var(--wp--preset--color--on-surface);transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast);min-inline-size:2.5rem;min-block-size:2.5rem;display:inline-flex;align-items:center;justify-content:center}
.tajstore-header-actions .wc-block-mini-cart__button:hover,.tajstore-header-actions .wc-block-customer-account__link:hover{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--primary)}
.tajstore-header-actions .wc-block-mini-cart__quantity-badge .wc-block-mini-cart__badge{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--secondary);font-weight:700;border-radius:var(--tj-radius-pill);min-inline-size:1.25rem;min-block-size:1.25rem;padding-inline:.375rem;font-size:var(--wp--preset--font-size--xs);line-height:1}

/* WooCommerce mini-cart drawer overlay — منع ظهوره قبل تهيئة React.
   الـ CSS الأصلي من WC يُعطي opacity:1 افتراضيًا ويعتمد على JS لإضافة
   class `--is-hidden` لإخفائه. إذا تأخر React أو فشل، تبقى الـ overlay
   مرئية بـ z-index:9999 وتمنع كل التفاعل بالصفحة.
   الحل: نُخفيه افتراضيًا إلا عندما تكون mini-cart مفتوحة (--with-slide-in). */
.wc-block-components-drawer__screen-overlay:not(.wc-block-components-drawer__screen-overlay--with-slide-in){opacity:0!important;pointer-events:none!important}

/* Drawer (off-canvas nav) */
.tj-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(2px);z-index:998;opacity:0;transition:opacity .25s ease;pointer-events:none}
.tj-drawer-overlay.is-open{opacity:1;pointer-events:auto}
.tj-drawer{position:fixed;inset-block:0;inset-inline-start:0;inline-size:min(86vw,360px);background:#fff;z-index:999;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}
html[dir="rtl"] .tj-drawer{transform:translateX(100%)}
.tj-drawer.is-open{transform:translateX(0) !important}
.tj-drawer[hidden]{display:flex}
.tj-drawer-overlay[hidden]{display:block}
.tj-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-block-end:var(--tj-border-subtle);flex-shrink:0}
.tj-drawer__title{font-size:var(--wp--preset--font-size--base);font-weight:700;color:var(--wp--preset--color--on-surface)}
.tj-drawer__nav{flex:1;overflow-y:auto;padding-block:.5rem}
.tj-drawer__menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tj-drawer__menu li{margin:0}
.tj-drawer__menu li{position:relative;border-block-end:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 5%,transparent)}
.tj-drawer__menu li:has(.sub-menu) > a{padding-inline-end:3rem}
.tj-drawer__menu a{display:flex;align-items:center;padding:.875rem 1.25rem;font-size:var(--wp--preset--font-size--base);font-weight:600;color:var(--wp--preset--color--on-surface);transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast);flex:1}
.tj-drawer__menu a:hover{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--primary);text-decoration:none}

/* Submenu collapse + chevron toggle */
.tj-drawer__menu .sub-menu{list-style:none;margin:0;padding:0;background:color-mix(in srgb,var(--wp--preset--color--surface) 60%,#fff);max-block-size:0;overflow:hidden;transition:max-block-size .3s ease}
.tj-drawer__menu .sub-menu li{border-block-end:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 4%,transparent)}
.tj-drawer__menu .sub-menu li:last-child{border-block-end:0}
.tj-drawer__menu .sub-menu a{padding-inline-start:2.25rem;font-size:var(--wp--preset--font-size--sm);font-weight:500}
.tj-drawer__menu li.is-open > .sub-menu{max-block-size:600px}
.tj-drawer__submenu-toggle{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:3rem;block-size:3.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:color-mix(in srgb,var(--wp--preset--color--on-surface) 65%,transparent);cursor:pointer;transition:color var(--tj-motion-fast),background-color var(--tj-motion-fast);z-index:2}
.tj-drawer__submenu-toggle:hover,.tj-drawer__submenu-toggle:focus-visible{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--primary);outline:none}
.tj-drawer__submenu-toggle svg{transition:transform .25s ease}
.tj-drawer__menu li.is-open > .tj-drawer__submenu-toggle svg{transform:rotate(180deg)}
.tj-drawer__empty{padding:1rem 1.25rem;color:color-mix(in srgb,var(--wp--preset--color--on-surface) 60%,transparent);font-size:var(--wp--preset--font-size--sm)}
.tj-drawer__foot{padding:1rem 1.25rem;border-block-start:var(--tj-border-subtle);display:flex;flex-direction:column;gap:.875rem;flex-shrink:0;background:color-mix(in srgb,var(--wp--preset--color--surface) 40%,#fff)}
.tj-drawer__account-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--wp--preset--color--on-surface);padding:.5rem .75rem;border-radius:var(--tj-radius-md);background:#fff;border:var(--tj-border-subtle);transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast)}
.tj-drawer__account-link:hover{background:var(--wp--preset--color--primary);color:#fff;border-color:transparent;text-decoration:none}
.tj-drawer__foot .tj-social-links__link{background:#fff;color:var(--wp--preset--color--on-surface);border:var(--tj-border-subtle)}
.tj-drawer__foot .tj-social-links__link:hover{background:var(--wp--preset--color--primary);color:#fff;border-color:transparent}
body.tj-drawer-open{overflow:hidden}

/* Search panel */
.tj-search-panel{position:fixed;inset-inline:0;inset-block-start:0;background:#fff;z-index:997;transform:translateY(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px -4px rgba(0,0,0,.12);border-block-end:var(--tj-border-subtle)}
.tj-search-panel.is-open{transform:translateY(0)}
.tj-search-panel[hidden]{display:block}
.tj-search-panel__inner{max-inline-size:var(--wp--style--global--wide-size,1200px);margin-inline:auto;padding:1rem var(--wp--preset--spacing--40)}
.tj-search-panel__form{display:flex;align-items:center;gap:.75rem;background:var(--wp--preset--color--surface);border-radius:var(--tj-radius-pill);padding:.375rem .375rem .375rem 1.125rem}
.tj-search-panel__icon{flex-shrink:0;color:color-mix(in srgb,var(--wp--preset--color--on-surface) 60%,transparent)}
.tj-search-panel__input{flex:1;border:0;background:transparent;font:inherit;font-size:var(--wp--preset--font-size--base);padding:.75rem .25rem;outline:none;color:var(--wp--preset--color--on-surface);min-inline-size:0}
.tj-search-panel__input::placeholder{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 50%,transparent)}
.tj-search-panel__close{flex-shrink:0}
@media (max-width:540px){
	.tj-search-panel__form{flex-wrap:wrap;border-radius:var(--tj-radius-md);padding:.5rem;gap:.5rem}
	.tj-search-panel__input{flex:1 1 100%;order:1;padding:.5rem .75rem}
	.tj-search-panel__icon{order:0}
	.tj-search-panel__form .tj-btn{order:2;flex:1}
	.tj-search-panel__close{order:3}
}

/* Footer */
footer.wp-block-template-part{background:linear-gradient(180deg,var(--wp--preset--color--secondary) 0%,color-mix(in srgb,var(--wp--preset--color--secondary) 75%,#000) 100%);color:#fff;padding-block:var(--wp--preset--spacing--80) var(--wp--preset--spacing--50)}
footer .wp-block-site-title a,footer .wp-block-site-title{color:#fff;font-size:var(--wp--preset--font-size--lg)}
footer .wp-block-navigation a{color:rgba(255,255,255,.85);transition:color var(--tj-motion-fast)}
footer .wp-block-navigation a:hover{color:#fff;text-decoration:none}

/* ============================================================
 * 5. Page-Specific (minimal — uses components)
 * ============================================================ */

/* --- Homepage --- */
.tajstore-hero-content{position:relative;z-index:2}
.tj-hero-cta{display:flex;gap:var(--wp--preset--spacing--40);justify-content:center;flex-wrap:wrap;margin-block-start:var(--wp--preset--spacing--60)}
.tajstore-hero{position:relative}
.tajstore-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(245,158,11,.15) 0%,transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 45%);pointer-events:none;z-index:1}
.tajstore-usp-strip{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--wp--preset--color--on-surface) 6%,transparent)}
.tajstore-usp__icon{padding:.625rem;background:color-mix(in srgb,var(--wp--preset--color--primary) 10%,transparent);border-radius:var(--tj-radius-md);color:var(--wp--preset--color--primary)}
.tajstore-usp-strip .wp-block-column{padding-inline-end:var(--wp--preset--spacing--40)}
@media (max-width:781px){.tajstore-usp-strip .wp-block-column{padding-inline-end:0}}

/* Newsletter form */
.tajstore-newsletter-form{display:flex;gap:.5rem;max-inline-size:520px;margin-inline:auto;background:var(--wp--preset--color--white);padding:.375rem;border-radius:var(--tj-radius-pill);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.tajstore-newsletter-form__input{flex:1;border:0;background:transparent;padding:.875rem 1.25rem;font:inherit;color:var(--wp--preset--color--on-surface);outline:none;min-inline-size:0}
.tajstore-newsletter-form__input::placeholder{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 50%,transparent)}
.tajstore-newsletter-form__button{flex-shrink:0;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--secondary);border:0;border-radius:var(--tj-radius-pill);padding:.875rem 1.5rem;font:inherit;font-weight:700;cursor:pointer;transition:background-color var(--tj-motion-fast),transform var(--tj-motion-fast)}
.tajstore-newsletter-form__button:hover{background:color-mix(in srgb,var(--wp--preset--color--accent) 75%,#000);color:#fff}
@media (max-width:540px){.tajstore-newsletter-form{flex-direction:column;border-radius:var(--tj-radius-md);padding:.75rem;gap:.5rem}.tajstore-newsletter-form__button{border-radius:var(--tj-radius-sm)}}

/* Categories grid — image-cover with bottom overlay
   alignwide طبيعي (بعد إصلاح front-page.html main element) */
.tajstore-home-categories.wc-block-product-categories,
div.tajstore-home-categories{
	display:block;
	margin-inline:auto;
}
.tajstore-home-categories.wc-block-product-categories ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wp--preset--spacing--50);padding:0;margin:0}
.tajstore-home-categories.wc-block-product-categories li{
	margin:0;position:relative;
	border-radius:var(--tj-radius-lg);
	overflow:hidden;isolation:isolate;
	background:var(--wp--preset--color--secondary);
	box-shadow:0 4px 12px -4px rgba(15,23,42,.12);
	transition:transform var(--tj-motion-base),box-shadow var(--tj-motion-base);
	/* فرض الارتفاع لمطابقة بطاقة المنتج تماماً (قيس عبر Playwright):
	   312×511 (ratio 0.611) — نستخدم 11/18 كأقرب كسر نظيف */
	aspect-ratio:11/18 !important;
}
.tajstore-home-categories.wc-block-product-categories li:hover{
	transform:translateY(-6px);
	box-shadow:0 24px 48px -12px rgba(15,23,42,.25);
}

/* Anchor: يملأ الـ li كاملاً (الارتفاع مفروض على الـ li عبر aspect-ratio) */
.tajstore-home-categories.wc-block-product-categories a{
	display:flex;flex-direction:column;justify-content:flex-end;
	position:relative;isolation:isolate;
	inline-size:100%;block-size:100%;
	padding:var(--wp--preset--spacing--50);
	color:var(--wp--preset--color--white);
	font-weight:700;text-decoration:none;
	font-size:var(--wp--preset--font-size--lg);line-height:1.3;
	overflow:hidden;
	text-shadow:0 1px 3px rgba(0,0,0,.4);
}
.tajstore-home-categories.wc-block-product-categories a:hover{color:var(--wp--preset--color--white);text-decoration:none}

/* Image wrapper fills the card — z-index:-2 sits behind overlay & text */
.tajstore-home-categories.wc-block-product-categories .wc-block-product-categories-list-item__image{
	position:absolute !important;inset:0 !important;z-index:-2;
	inline-size:100% !important;max-inline-size:none !important;block-size:100% !important;
	margin:0 !important;padding:0 !important;
	background:linear-gradient(135deg,color-mix(in srgb,var(--wp--preset--color--primary) 18%,var(--wp--preset--color--secondary)) 0%,var(--wp--preset--color--secondary) 100%);
	display:block;overflow:hidden;
}
.tajstore-home-categories.wc-block-product-categories img{
	display:block;
	inline-size:100% !important;block-size:100% !important;
	object-fit:cover;border-radius:0;margin:0;
	transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.tajstore-home-categories.wc-block-product-categories li:hover img{transform:scale(1.08)}

/* Placeholder fallback — branded gradient + decorative icon */
.tajstore-home-categories.wc-block-product-categories .wc-block-product-categories-list-item__image--placeholder img{display:none !important}
.tajstore-home-categories.wc-block-product-categories .wc-block-product-categories-list-item__image--placeholder::after{
	content:"";position:absolute;inset:0;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'><path d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/><polyline points='3.27 6.96 12 12.01 20.73 6.96'/><line x1='12' y1='22.08' x2='12' y2='12'/></svg>");
	background-size:5rem;background-repeat:no-repeat;background-position:center;opacity:.4;
}

/* Dark gradient overlay — z-index:-1 (above image, below text) */
.tajstore-home-categories.wc-block-product-categories a::before{
	content:"";position:absolute;inset:0;z-index:-1;
	background:linear-gradient(180deg,rgba(15,23,42,0) 0%,rgba(15,23,42,0) 30%,rgba(15,23,42,.55) 65%,rgba(15,23,42,.92) 100%);
	transition:background var(--tj-motion-base);
}
.tajstore-home-categories.wc-block-product-categories li:hover a::before{
	background:linear-gradient(180deg,rgba(37,99,235,.12) 0%,rgba(15,23,42,.4) 45%,rgba(15,23,42,.95) 100%);
}

/* Count — small, faint, above bottom edge */
.tajstore-home-categories.wc-block-product-categories .wc-block-product-categories-list-item-count,
.tajstore-home-categories.wc-block-product-categories .count{
	display:inline-block;
	margin-inline-start:.5rem;
	padding:.125rem .5rem !important;
	background:color-mix(in srgb,var(--wp--preset--color--white) 18%,transparent);
	border-radius:var(--tj-radius-pill);
	font-size:var(--wp--preset--font-size--xs);
	font-weight:600;
	color:rgba(255,255,255,.92) !important;
	letter-spacing:.02em;
	backdrop-filter:blur(8px);
	vertical-align:middle;
}

/* Arrow indicator — appears on hover, top-right (logical: end) */
.tajstore-home-categories.wc-block-product-categories a::after{
	content:"";position:absolute;z-index:3;
	inset-block-start:var(--wp--preset--spacing--40);
	inset-inline-end:var(--wp--preset--spacing--40);
	inline-size:2.5rem;block-size:2.5rem;
	border-radius:var(--tj-radius-pill);
	background:var(--wp--preset--color--white);
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='19' y1='12' x2='5' y2='12'/><polyline points='12 19 5 12 12 5'/></svg>");
	background-size:1.125rem;background-repeat:no-repeat;background-position:center;
	box-shadow:0 4px 14px -2px rgba(0,0,0,.25);
	opacity:0;transform:translateY(-.5rem) scale(.85);
	transition:opacity var(--tj-motion-base),transform var(--tj-motion-base);
}
[dir="rtl"] .tajstore-home-categories.wc-block-product-categories a::after{transform:translateY(-.5rem) scale(.85) scaleX(-1)}
.tajstore-home-categories.wc-block-product-categories li:hover a::after{
	opacity:1;transform:translateY(0) scale(1);
}
[dir="rtl"] .tajstore-home-categories.wc-block-product-categories li:hover a::after{transform:translateY(0) scale(1) scaleX(-1)}

/* Hide Uncategorized */
.tajstore-home-categories.wc-block-product-categories li:has(a[href*="/uncategorized/"]){display:none}

/* Responsive — 2 فئات/صف على الجوال (تطابق المنتجات) */
@media (max-width:1024px){.tajstore-home-categories.wc-block-product-categories ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){.tajstore-home-categories.wc-block-product-categories ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--40)}}
@media (max-width:480px){
	.tajstore-home-categories.wc-block-product-categories ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--30)}
	/* على الجوال: المنتج 166×383 (aspect 0.43) — نطابق بـ 7/16 (= 0.4375) */
	.tajstore-home-categories.wc-block-product-categories li{aspect-ratio:7/16 !important}
	.tajstore-home-categories.wc-block-product-categories a{padding:var(--wp--preset--spacing--40);font-size:var(--wp--preset--font-size--base)}
}

/* Hide section if only one (or zero) categories visible */
.tajstore-home-categories.wc-block-product-categories ul:has(li:only-child){display:none}

/* --- Shop archive — Toolbar --- */
.tajstore-shop-header__title{font-size:var(--wp--preset--font-size--3xl) !important;font-weight:800 !important;line-height:1.15 !important;margin-block:0 !important;color:var(--wp--preset--color--on-surface)}

.tajstore-shop-toolbar{align-items:center;gap:var(--wp--preset--spacing--40)}
.tajstore-shop-toolbar > .wp-block-woocommerce-catalog-sorting{margin-inline-start:auto}

/* Result count — clean meta text */
.tajstore-shop-toolbar .wp-block-woocommerce-product-results-count,
.tajstore-shop-toolbar .wc-block-product-results-count,
.tajstore-shop-toolbar .woocommerce-result-count{
	font-size:var(--wp--preset--font-size--sm);
	color:var(--tj-text-muted);
	margin:0;
	font-weight:500;
}
.tajstore-shop-toolbar .wp-block-woocommerce-product-results-count strong,
.tajstore-shop-toolbar .woocommerce-result-count strong{color:var(--wp--preset--color--on-surface);font-weight:700}

/* Sort dropdown — custom select with branded chevron */
.wp-block-woocommerce-catalog-sorting,.woocommerce-ordering{position:relative;margin:0 !important}
.wp-block-woocommerce-catalog-sorting select,
.woocommerce-ordering select.orderby{
	appearance:none;-webkit-appearance:none;-moz-appearance:none;
	font:inherit;font-size:var(--wp--preset--font-size--sm);font-weight:600;
	padding:0 2.5rem 0 1rem;
	background:var(--wp--preset--color--white);
	color:var(--wp--preset--color--on-surface);
	border:1.5px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 12%,transparent);
	border-radius:var(--tj-radius-md);
	cursor:pointer;
	min-block-size:var(--tj-control-h);min-inline-size:13rem;
	box-shadow:0 1px 2px rgba(0,0,0,.04);
	transition:border-color var(--tj-motion-fast),box-shadow var(--tj-motion-fast);
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat:no-repeat;
	background-position:left 1rem center;
	background-size:1rem;
}
[dir="rtl"] .wp-block-woocommerce-catalog-sorting select,
[dir="rtl"] .woocommerce-ordering select.orderby{
	padding:0 1rem 0 2.5rem;
	background-position:left 1rem center;
}
.wp-block-woocommerce-catalog-sorting select:hover,
.woocommerce-ordering select.orderby:hover{
	border-color:color-mix(in srgb,var(--wp--preset--color--primary) 50%,transparent);
}
.wp-block-woocommerce-catalog-sorting select:focus,
.woocommerce-ordering select.orderby:focus{
	border-color:var(--wp--preset--color--primary);
	box-shadow:0 0 0 3px color-mix(in srgb,var(--wp--preset--color--primary) 15%,transparent);
	outline:none;
}

/* --- Shop archive — Filters panel --- */
.tajstore-shop-filters{
	margin-block-end:var(--wp--preset--spacing--50);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	background:var(--wp--preset--color--white);
	overflow:hidden;
	box-shadow:0 1px 3px rgba(0,0,0,.04);
	transition:box-shadow var(--tj-motion-base);
}
.tajstore-shop-filters[open]{box-shadow:0 8px 24px -8px rgba(0,0,0,.08)}
.tajstore-shop-filters > summary{
	cursor:pointer;
	padding:1.125rem 1.5rem;
	font-weight:700;font-size:var(--wp--preset--font-size--base);
	color:var(--wp--preset--color--on-surface);
	list-style:none;
	display:flex;align-items:center;justify-content:space-between;
	gap:1rem;
	transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast);
}
.tajstore-shop-filters > summary::before{
	content:"";
	inline-size:1.25rem;block-size:1.25rem;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>");
	background-size:contain;background-repeat:no-repeat;background-position:center;
	flex-shrink:0;
	margin-inline-end:.5rem;
}
.tajstore-shop-filters > summary:hover{background:color-mix(in srgb,var(--wp--preset--color--primary) 4%,transparent);color:var(--wp--preset--color--primary)}
.tajstore-shop-filters > summary::-webkit-details-marker{display:none}
.tajstore-shop-filters > summary::after{
	content:"";margin-inline-start:auto;
	inline-size:.5rem;block-size:.5rem;
	border-block-end:2px solid currentColor;border-inline-end:2px solid currentColor;
	transform:rotate(45deg);
	transition:transform var(--tj-motion-base);
	flex-shrink:0;
}
.tajstore-shop-filters[open] > summary{
	border-block-end:var(--tj-border-subtle);
	background:color-mix(in srgb,var(--wp--preset--color--primary) 5%,transparent);
	color:var(--wp--preset--color--primary);
}
.tajstore-shop-filters[open] > summary::after{transform:rotate(-135deg)}
.tajstore-shop-filters > .wp-block-woocommerce-product-filters{
	padding:var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
	gap:var(--wp--preset--spacing--70);
	background:var(--wp--preset--color--white);
}
@media (max-width:768px){.tajstore-shop-filters > .wp-block-woocommerce-product-filters{grid-template-columns:1fr;gap:var(--wp--preset--spacing--60);padding:var(--wp--preset--spacing--50)}}

/* Hide filter blocks that WC marks as inactive (e.g. rating with no rated products) */
.wp-block-woocommerce-product-filter-price[hidden],
.wp-block-woocommerce-product-filter-status[hidden],
.wp-block-woocommerce-product-filter-rating[hidden],
.wc-block-product-filter--hidden{display:none !important}

/* Filter section layout */
.wp-block-woocommerce-product-filter-price,
.wp-block-woocommerce-product-filter-status,
.wp-block-woocommerce-product-filter-rating{
	display:flex;flex-direction:column;gap:.875rem;
}

/* WC 10.7 stores heading text in data-heading attr (not as DOM element).
   Inject it as ::before pseudo-element with a leading icon. */
.wp-block-woocommerce-product-filter-price[data-heading]::before,
.wp-block-woocommerce-product-filter-status[data-heading]::before,
.wp-block-woocommerce-product-filter-rating[data-heading]::before{
	content:attr(data-heading);
	display:flex;align-items:center;gap:.5rem;
	font-size:var(--wp--preset--font-size--xs);
	font-weight:700;
	letter-spacing:.12em;text-transform:uppercase;
	color:var(--wp--preset--color--primary);
	margin:0 0 .25rem;
	padding-inline-start:1.5rem;
	background-size:1rem 1rem;
	background-repeat:no-repeat;
	background-position:right center;
	min-block-size:1rem;
}
[dir="ltr"] .wp-block-woocommerce-product-filter-price[data-heading]::before,
[dir="ltr"] .wp-block-woocommerce-product-filter-status[data-heading]::before,
[dir="ltr"] .wp-block-woocommerce-product-filter-rating[data-heading]::before{
	background-position:left center;
}
.wp-block-woocommerce-product-filter-price[data-heading]::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='1' x2='12' y2='23'/><path d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/></svg>")}
.wp-block-woocommerce-product-filter-status[data-heading]::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/></svg>")}
.wp-block-woocommerce-product-filter-rating[data-heading]::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b' stroke='%23f59e0b' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/></svg>")}

/* Price slider — override WC defaults via CSS variables + higher-specificity selectors */
.wc-block-product-filter-price-slider{
	padding:.5rem 0;
	--wc-product-filter-price-slider:var(--wp--preset--color--primary);
	--wc-product-filter-price-slider-handle:var(--wp--preset--color--primary);
	--wc-product-filter-price-slider-handle-border:#fff;
}
.wc-block-product-filter-price-slider__range{margin:1rem 0 !important;height:.375rem !important;border-radius:var(--tj-radius-pill)}
.wc-block-product-filter-price-slider__range::before{opacity:.15 !important;border-radius:var(--tj-radius-pill)}
.wc-block-product-filter-price-slider__range .range-bar{height:.375rem !important;border-radius:var(--tj-radius-pill)}

.wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb{
	inline-size:1.375rem !important;block-size:1.375rem !important;
	width:1.375rem !important;height:1.375rem !important;
	border:3px solid #fff !important;
	background:var(--wp--preset--color--primary) !important;
	box-shadow:0 2px 8px color-mix(in srgb,var(--wp--preset--color--primary) 40%,transparent) !important;
	margin-block-start:-.5rem !important;margin-top:-.5rem !important;
	cursor:grab;
	transition:transform var(--tj-motion-fast),box-shadow var(--tj-motion-fast);
}
.wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-thumb{
	width:1.375rem !important;height:1.375rem !important;
	border:3px solid #fff !important;
	background:var(--wp--preset--color--primary) !important;
	box-shadow:0 2px 8px color-mix(in srgb,var(--wp--preset--color--primary) 40%,transparent) !important;
	cursor:grab;
}
.wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px color-mix(in srgb,var(--wp--preset--color--primary) 50%,transparent) !important}
.wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb:active{cursor:grabbing}

/* Min/Max input fields */
.wc-block-product-filter-price-slider__content{margin-block-start:1.25rem}
.wc-block-product-filter-price-slider__left input,
.wc-block-product-filter-price-slider__right input,
.wc-block-product-filter-price-slider .text input[type="text"]{
	font:inherit;font-size:var(--wp--preset--font-size--sm) !important;font-weight:700 !important;
	padding:.5rem .75rem !important;
	border:1.5px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 12%,transparent) !important;
	border-radius:var(--tj-radius-sm) !important;
	background:var(--wp--preset--color--white) !important;
	color:var(--wp--preset--color--on-surface) !important;
	text-align:center !important;
	max-inline-size:none !important;
	inline-size:auto;
	transition:border-color var(--tj-motion-fast),box-shadow var(--tj-motion-fast);
}
.wc-block-product-filter-price-slider__left input:focus,
.wc-block-product-filter-price-slider__right input:focus{
	border-color:var(--wp--preset--color--primary) !important;
	box-shadow:0 0 0 3px color-mix(in srgb,var(--wp--preset--color--primary) 15%,transparent) !important;
	outline:none;
}

/* Checkbox list — visual upgrade */
.wc-block-product-filter-checkbox-list{display:flex;flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none}
.wc-block-product-filter-checkbox-list__item{
	display:flex;align-items:center;gap:.75rem;
	padding:.625rem .75rem;border-radius:var(--tj-radius-sm);
	cursor:pointer;
	font-size:var(--wp--preset--font-size--sm);
	color:var(--wp--preset--color--on-surface);
	transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast);
	margin:0;
}
.wc-block-product-filter-checkbox-list__item:hover{
	background:color-mix(in srgb,var(--wp--preset--color--primary) 6%,transparent);
	color:var(--wp--preset--color--primary);
}
.wc-block-product-filter-checkbox-list__input{
	appearance:none;-webkit-appearance:none;
	inline-size:1.25rem;block-size:1.25rem;
	border:2px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 22%,transparent);
	border-radius:.3125rem;background:#fff;cursor:pointer;
	transition:all var(--tj-motion-fast);
	flex-shrink:0;position:relative;
	margin:0;
}
.wc-block-product-filter-checkbox-list__input:hover{border-color:var(--wp--preset--color--primary)}
.wc-block-product-filter-checkbox-list__input:checked{
	background:var(--wp--preset--color--primary);
	border-color:var(--wp--preset--color--primary);
	box-shadow:0 2px 6px color-mix(in srgb,var(--wp--preset--color--primary) 30%,transparent);
}
.wc-block-product-filter-checkbox-list__input:checked::after{
	content:"";position:absolute;
	inset-block-start:.125rem;inset-inline-start:.375rem;
	inline-size:.3125rem;block-size:.6875rem;
	border:solid #fff;border-width:0 2.5px 2.5px 0;
	transform:rotate(45deg);
}

/* Pagination — pill buttons */
.tajstore-product-collection .wp-block-query-pagination{display:flex;gap:.375rem;align-items:center;flex-wrap:wrap;justify-content:center}
.tajstore-product-collection .wp-block-query-pagination .page-numbers,
.tajstore-product-collection .wp-block-query-pagination-numbers a,
.tajstore-product-collection .wp-block-query-pagination-numbers .page-numbers,
.tajstore-product-collection .wp-block-query-pagination-previous,
.tajstore-product-collection .wp-block-query-pagination-next{
	display:inline-flex;align-items:center;justify-content:center;
	min-inline-size:var(--tj-control-h);min-block-size:var(--tj-control-h);
	padding:0 .875rem;
	font-size:var(--wp--preset--font-size--sm);font-weight:700;
	color:var(--wp--preset--color--on-surface);
	background:var(--wp--preset--color--white);
	border:1.5px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent);
	border-radius:var(--tj-radius-md);
	text-decoration:none;
	transition:all var(--tj-motion-fast);
}
.tajstore-product-collection .wp-block-query-pagination-numbers a:hover,
.tajstore-product-collection .wp-block-query-pagination-numbers .page-numbers:hover,
.tajstore-product-collection .wp-block-query-pagination-previous:hover,
.tajstore-product-collection .wp-block-query-pagination-next:hover{
	border-color:var(--wp--preset--color--primary);
	color:var(--wp--preset--color--primary);
	box-shadow:0 4px 12px -4px color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent);
	text-decoration:none;
}
.tajstore-product-collection .wp-block-query-pagination-numbers .page-numbers.current{
	background:linear-gradient(135deg,var(--wp--preset--color--primary) 0%,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 100%);
	color:#fff;border-color:transparent;
	box-shadow:0 4px 12px color-mix(in srgb,var(--wp--preset--color--primary) 30%,transparent);
}

/* --- Single Product (50/50, sticky gallery) --- */
/* Use lg control height for the cart form (primary CTA context) */

.tajstore-single-product__main{align-items:flex-start;gap:var(--wp--preset--spacing--70) !important}
.tajstore-single-product__gallery{flex-basis:50% !important;position:sticky;inset-block-start:var(--wp--preset--spacing--60)}
.tajstore-single-product__summary{flex-basis:50% !important;padding-block-start:var(--wp--preset--spacing--30)}
.tajstore-single-product__gallery .woocommerce-product-gallery__image img{border-radius:var(--tj-radius-lg)}
.tajstore-single-product__gallery .flex-control-thumbs,.tajstore-single-product__gallery .flex-control-nav{display:flex !important;flex-wrap:wrap;gap:.625rem;list-style:none;padding:0;margin-block-start:.875rem !important}
.tajstore-single-product__gallery .flex-control-thumbs li{inline-size:calc(25% - .47rem) !important;margin:0 !important}
.tajstore-single-product__gallery .flex-control-thumbs img{display:block;inline-size:100%;block-size:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--tj-radius-md);border:2px solid transparent;cursor:pointer;opacity:.65;transition:opacity var(--tj-motion-fast),border-color var(--tj-motion-fast),transform var(--tj-motion-fast)}
.tajstore-single-product__gallery .flex-control-thumbs img:hover{opacity:1;transform:scale(1.03)}
.tajstore-single-product__gallery .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--wp--preset--color--primary)}

/* Title — tighter scale, less dramatic */
.tajstore-single-product__summary .wp-block-post-title{font-size:clamp(1.5rem,1.25rem + .75vw,2rem) !important;font-weight:800 !important;line-height:1.2 !important;margin:0 0 var(--wp--preset--spacing--40) !important;color:var(--wp--preset--color--on-surface)}

/* Price — prominent but not oversized */
.tajstore-single-product__summary .wp-block-woocommerce-product-price,.tajstore-single-product__summary .price{font-size:var(--wp--preset--font-size--xl);font-weight:800;color:var(--wp--preset--color--primary);margin-block-end:var(--wp--preset--spacing--40)}
.tajstore-single-product__summary .wp-block-woocommerce-product-price del,.tajstore-single-product__summary .price del{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 50%,transparent);font-weight:400;font-size:.65em;margin-inline-end:.75rem}
.tajstore-single-product__summary .wp-block-woocommerce-product-summary{font-size:var(--wp--preset--font-size--base);line-height:1.7;color:color-mix(in srgb,var(--wp--preset--color--on-surface) 80%,transparent)}

/* Cart form — proportionate quantity + button (matched height via --tj-control-h) */
.tajstore-single-product__summary form.cart{display:flex;align-items:stretch;gap:.625rem;margin-block:var(--wp--preset--spacing--50) 0;padding:0;border:0;flex-wrap:wrap}
.tajstore-single-product__summary form.cart .quantity{
	margin:0;display:flex;align-items:center;
	background:var(--wp--preset--color--white);
	border:1.5px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 15%,transparent);
	border-radius:var(--tj-radius-md);
	overflow:hidden;
	block-size:var(--tj-control-h-lg);
}
.tajstore-single-product__summary form.cart .qty{
	padding:.5rem .375rem !important;
	inline-size:3.75rem !important;
	block-size:100%;
	text-align:center !important;
	font-size:var(--wp--preset--font-size--base) !important;
	font-weight:700;
	border:0 !important;
	background:transparent !important;
	-moz-appearance:textfield;
	min-block-size:0 !important;
}
.tajstore-single-product__summary form.cart .qty::-webkit-outer-spin-button,.tajstore-single-product__summary form.cart .qty::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}

.tajstore-single-product__summary form.cart .button.single_add_to_cart_button{
	flex:1;min-inline-size:11rem;
	block-size:var(--tj-control-h-lg);min-block-size:0;
	padding:0 1.5rem !important;
	background:linear-gradient(135deg,var(--wp--preset--color--primary) 0%,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 100%);
	color:#fff;border:0;border-radius:var(--tj-radius-md);
	font-weight:700;font-size:var(--wp--preset--font-size--sm);
	cursor:pointer;
	box-shadow:0 4px 10px -2px color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent);
	transition:transform var(--tj-motion-fast),box-shadow var(--tj-motion-fast),background var(--tj-motion-fast);
	display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
	white-space:nowrap;
}
.tajstore-single-product__summary form.cart .button.single_add_to_cart_button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 0%,var(--wp--preset--color--secondary) 100%);box-shadow:0 8px 16px -4px color-mix(in srgb,var(--wp--preset--color--primary) 40%,transparent)}
.tajstore-single-product__summary form.cart .button.single_add_to_cart_button::before{
	content:"";
	inline-size:1rem;block-size:1rem;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/></svg>");
	background-size:contain;background-repeat:no-repeat;
	flex-shrink:0;
}
.tajstore-single-product__summary .wp-block-woocommerce-product-meta{font-size:var(--wp--preset--font-size--sm);color:var(--tj-text-muted);padding-block-start:var(--wp--preset--spacing--40);border-block-start:var(--tj-border-subtle)}

/* =========================================================================
   Variations form — Premium variant selectors (stacked, e-commerce native)
   ========================================================================= */
.tajstore-single-product__summary form.variations_form{
	display:flex;flex-direction:column;
	gap:var(--wp--preset--spacing--40);
	margin-block:var(--wp--preset--spacing--50) 0;
	padding:var(--wp--preset--spacing--50);
	background:color-mix(in srgb,var(--wp--preset--color--surface) 60%,#fff);
	border:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 7%,transparent);
	border-radius:var(--tj-radius-lg);
	position:relative;
}
.tajstore-single-product__summary form.variations_form > .single_variation_wrap{margin:0}
.tajstore-single-product__summary form.variations_form form.cart{margin:0;padding-block-start:var(--wp--preset--spacing--40);border-block-start:1px dashed color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent)}

/* Reset table semantics — convert to stacked field-groups */
.tajstore-single-product__summary .variations{
	margin:0;padding:0;border:0;border-collapse:collapse;inline-size:100%;
	display:flex;flex-direction:column;
	gap:1.125rem;
}
.tajstore-single-product__summary .variations tbody{display:contents}
.tajstore-single-product__summary .variations tr{
	display:flex;flex-direction:column;gap:.5rem;
}
.tajstore-single-product__summary .variations th,
.tajstore-single-product__summary .variations td{
	padding:0;border:0;background:transparent;text-align:start;vertical-align:middle;
	display:block;inline-size:100%;
}

/* Label — eyebrow style (small, uppercase, muted) — like Apple/Nike */
.tajstore-single-product__summary .variations th.label,
.tajstore-single-product__summary .variations .label{
	font-size:.6875rem;             /* 11px */
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:color-mix(in srgb,var(--wp--preset--color--on-surface) 58%,transparent);
	margin:0;padding:0;
	line-height:1;
}
.tajstore-single-product__summary .variations th.label label,
.tajstore-single-product__summary .variations .label label{margin:0;padding:0;font:inherit;color:inherit;display:block}

/* Value cell — holds the select */
.tajstore-single-product__summary .variations td.value,
.tajstore-single-product__summary .variations .value{position:relative;min-inline-size:0}

/* The select — premium minimalist, full bleed */
.tajstore-single-product__summary .variations select{
	appearance:none;-webkit-appearance:none;-moz-appearance:none;
	inline-size:100%;
	min-block-size:3.25rem;          /* 52px — substantial tap target */
	padding-block:.875rem;
	padding-inline-start:1.125rem;
	padding-inline-end:3rem;         /* room for chevron */
	font-size:1rem;
	font-weight:600;
	font-family:inherit;
	line-height:1.3;
	color:var(--wp--preset--color--on-surface);
	background-color:var(--wp--preset--color--white);
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:left 1.125rem center;
	background-size:1rem 1rem;
	border:1.5px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 14%,transparent);
	border-radius:var(--tj-radius-md);
	cursor:pointer;
	transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease,transform 180ms ease;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	direction:rtl;
	text-align:start;
}
.tajstore-single-product__summary .variations select:hover{
	border-color:color-mix(in srgb,var(--wp--preset--color--primary) 55%,transparent);
	background-color:#fff;
}
.tajstore-single-product__summary .variations select:focus,
.tajstore-single-product__summary .variations select:focus-visible{
	border-color:var(--wp--preset--color--primary);
	outline:0;
	box-shadow:0 0 0 4px color-mix(in srgb,var(--wp--preset--color--primary) 14%,transparent);
}
/* Selected state — when a non-empty value is chosen, give a subtle "filled" look */
.tajstore-single-product__summary .variations select:not(:placeholder-shown),
.tajstore-single-product__summary .variations select.tj-has-value{
	border-color:color-mix(in srgb,var(--wp--preset--color--primary) 35%,transparent);
}
.tajstore-single-product__summary .variations select option{
	color:var(--wp--preset--color--on-surface);
	background:var(--wp--preset--color--white);
	padding:.625rem .875rem;
	font-weight:500;
}
.tajstore-single-product__summary .variations select option:disabled{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 35%,transparent);font-style:italic}
.tajstore-single-product__summary .variations select option[value=""]{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 50%,transparent);font-weight:500}

/* Reset link — absolute-positioned in container's top-end corner (NOT inline with select) */
.tajstore-single-product__summary form.variations_form .reset_variations{
	position:absolute;
	inset-block-start:1rem;
	inset-inline-end:1rem;
	display:inline-flex;align-items:center;
	/* WC sets inline style="visibility:hidden" initially, toggles to visible on selection */
	padding:.3125rem .625rem;
	font-size:.6875rem;
	font-weight:700;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:color-mix(in srgb,var(--wp--preset--color--on-surface) 55%,transparent);
	background:transparent;
	border:0;
	border-radius:var(--tj-radius-sm);
	text-decoration:none;
	transition:color 150ms ease,background 150ms ease;
	z-index:2;
}
.tajstore-single-product__summary form.variations_form .reset_variations:hover{
	color:var(--wp--preset--color--danger);
	background:color-mix(in srgb,var(--wp--preset--color--danger) 8%,transparent);
}
.tajstore-single-product__summary form.variations_form .reset_variations::before{
	content:"";
	display:inline-block;
	inline-size:.75rem;block-size:.75rem;vertical-align:-2px;
	margin-inline-end:.3125rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
	background-size:contain;background-repeat:no-repeat;
}

/* Single variation panel — premium card style */
.tajstore-single-product__summary .woocommerce-variation{
	margin-block:.25rem 0;
	padding:.875rem 1rem;
	background:#fff;
	border:1.5px solid color-mix(in srgb,var(--wp--preset--color--primary) 20%,transparent);
	border-radius:var(--tj-radius-md);
	box-shadow:0 4px 12px -6px color-mix(in srgb,var(--wp--preset--color--primary) 20%,transparent);
	animation:tj-var-pop 280ms cubic-bezier(.34,1.56,.64,1);
}
@keyframes tj-var-pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.tajstore-single-product__summary .woocommerce-variation-price{
	font-size:1.375rem;font-weight:800;line-height:1.2;
	color:var(--wp--preset--color--primary);
	margin-block-end:.25rem;
}
.tajstore-single-product__summary .woocommerce-variation-price del{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 45%,transparent);font-weight:500;font-size:.7em;margin-inline-end:.5rem}
.tajstore-single-product__summary .woocommerce-variation-price ins{text-decoration:none}
.tajstore-single-product__summary .woocommerce-variation-availability{
	font-size:.8125rem;
	display:inline-flex;align-items:center;gap:.375rem;
	margin-block-start:.125rem;
}
.tajstore-single-product__summary .woocommerce-variation-availability .stock.in-stock{color:var(--wp--preset--color--success);font-weight:700}
.tajstore-single-product__summary .woocommerce-variation-availability .stock.in-stock::before{content:"●";font-size:.625rem}
.tajstore-single-product__summary .woocommerce-variation-availability .stock.out-of-stock{color:var(--wp--preset--color--danger);font-weight:700}
.tajstore-single-product__summary .woocommerce-variation-availability .stock.out-of-stock::before{content:"●";font-size:.625rem}
.tajstore-single-product__summary .woocommerce-variation-description{font-size:.875rem;color:color-mix(in srgb,var(--wp--preset--color--on-surface) 75%,transparent);margin-block-start:.5rem;line-height:1.6}

/* Disabled add-to-cart (until valid variation is chosen) */
.tajstore-single-product__summary form.cart .button.single_add_to_cart_button.disabled,
.tajstore-single-product__summary form.cart .button.single_add_to_cart_button[disabled]{
	background:color-mix(in srgb,var(--wp--preset--color--primary) 40%,#e5e7eb) !important;
	cursor:not-allowed;box-shadow:none;opacity:.85;
}

/* Mobile fine-tune */
@media (max-width:560px){
	.tajstore-single-product__summary form.variations_form{padding:var(--wp--preset--spacing--40)}
	.tajstore-single-product__summary .variations select{min-block-size:3rem;font-size:.9375rem}
}

/* Tabs — compact, professional */
.tajstore-single-product__details .wc-tabs{display:flex;gap:.25rem;list-style:none;padding:0;margin:0 0 var(--wp--preset--spacing--50);border-block-end:1.5px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent);flex-wrap:wrap}
.tajstore-single-product__details .wc-tabs li{margin:0;padding:0;background:transparent;border:0}
.tajstore-single-product__details .wc-tabs li::before,.tajstore-single-product__details .wc-tabs li::after{display:none}
.tajstore-single-product__details .wc-tabs li a{display:block;padding:.625rem 1rem;color:var(--tj-text-muted);font-weight:600;font-size:var(--wp--preset--font-size--sm);text-decoration:none;transition:color var(--tj-motion-fast)}
.tajstore-single-product__details .wc-tabs li a:hover{color:var(--wp--preset--color--primary);text-decoration:none}
.tajstore-single-product__details .wc-tabs li.active a{color:var(--wp--preset--color--primary) !important;border-block-end:2px solid var(--wp--preset--color--primary);margin-block-end:-2px}

/* Mobile single product */
@media (max-width:781px){.tajstore-single-product__main{flex-direction:column}.tajstore-single-product__gallery,.tajstore-single-product__summary{flex-basis:100% !important;position:static !important}}

/* ============================================================
 * 6. WooCommerce Block Adapters
 *    (apply tj-* visual rules to existing WC block markup)
 * ============================================================ */

/* Product Card (.wc-block-product) → .tj-card visual rules */
li.wc-block-product{
	position:relative;
	display:flex;flex-direction:column;
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	overflow:hidden;padding:0 !important;
	transition:transform var(--tj-motion-base),box-shadow var(--tj-motion-base),border-color var(--tj-motion-base);
}
li.wc-block-product:hover{box-shadow:0 12px 28px -10px rgba(0,0,0,.14),0 4px 10px -4px rgba(0,0,0,.06);border-color:color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent)}
li.wc-block-product .wp-block-woocommerce-product-image{margin:0 !important;aspect-ratio:1/1;background:linear-gradient(135deg,var(--wp--preset--color--surface) 0%,#fff 100%);overflow:hidden}
li.wc-block-product .wp-block-woocommerce-product-image a,li.wc-block-product .wp-block-woocommerce-product-image img{display:block;inline-size:100%;block-size:100%}
li.wc-block-product .wp-block-woocommerce-product-image img{object-fit:cover;transition:transform .4s ease}
li.wc-block-product:hover .wp-block-woocommerce-product-image img{transform:scale(1.05)}

li.wc-block-product .wp-block-post-title{font-size:.95rem;font-weight:600;line-height:1.4;margin:1rem 1.125rem .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-block-size:2.6em}
li.wc-block-product .wp-block-post-title a{color:var(--wp--preset--color--on-surface)}
li.wc-block-product .wp-block-post-title a:hover{color:var(--wp--preset--color--primary);text-decoration:none}

li.wc-block-product .wp-block-woocommerce-product-price{font-size:1.0625rem;font-weight:700;color:var(--wp--preset--color--primary);margin:.5rem 1.125rem;padding:0}
li.wc-block-product .wp-block-woocommerce-product-price del{color:color-mix(in srgb,var(--wp--preset--color--on-surface) 40%,transparent);font-weight:400;font-size:.875rem;margin-inline-end:.5rem}
li.wc-block-product .wp-block-woocommerce-product-price ins{background:transparent;text-decoration:none;color:var(--wp--preset--color--danger);font-weight:700}

li.wc-block-product .wp-block-woocommerce-product-rating{padding:0 1.125rem;margin:.25rem 0}
li.wc-block-product .wc-block-components-product-rating .star-rating{color:var(--wp--preset--color--accent)}

/* Product Button — premium look, consistent height regardless of label length */
li.wc-block-product .wp-block-woocommerce-product-button{margin:auto 1.125rem 1.125rem;padding:0}
li.wc-block-product .wp-block-woocommerce-product-button .wp-block-button__link,
li.wc-block-product .wc-block-components-product-button__button{
	display:flex !important;inline-size:100%;align-items:center;justify-content:center;gap:.375rem;
	background:linear-gradient(135deg,var(--wp--preset--color--primary) 0%,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 100%);
	color:#fff;border:0;border-radius:var(--tj-radius-md);
	padding:0 .875rem !important;
	font-weight:700;font-size:var(--wp--preset--font-size--sm);
	line-height:1.2;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	min-block-size:var(--tj-control-h-lg);
	box-shadow:0 4px 10px -2px color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent);
	transition:all var(--tj-motion-fast);text-decoration:none;
}
li.wc-block-product .wp-block-woocommerce-product-button .wp-block-button__link:hover,
li.wc-block-product .wc-block-components-product-button__button:hover{
	background:linear-gradient(135deg,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 0%,var(--wp--preset--color--secondary) 100%);
	box-shadow:0 10px 20px -4px color-mix(in srgb,var(--wp--preset--color--primary) 40%,transparent);
}

/* "Added/In-cart" state — success green + checkmark
   Targets: WC's `.added` class (post-AJAX) + persistent in-cart state where aria-label contains "في العربة" or "في عربة" */
li.wc-block-product .wp-block-button__link.added,
li.wc-block-product .wc-block-components-product-button__button.added,
li.wc-block-product .wp-block-button__link[aria-label*="في عربة"],
li.wc-block-product .wp-block-button__link[aria-label*="في العربة"],
li.wc-block-product .wc-block-components-product-button__button[aria-label*="في عربة"],
li.wc-block-product .wc-block-components-product-button__button[aria-label*="في العربة"]{
	background:linear-gradient(135deg,var(--wp--preset--color--success) 0%,color-mix(in srgb,var(--wp--preset--color--success) 75%,#000) 100%) !important;
	color:#fff !important;
	box-shadow:0 4px 10px -2px rgba(16,185,129,.3) !important;
}
li.wc-block-product .wp-block-button__link.added::before,
li.wc-block-product .wc-block-components-product-button__button.added::before,
li.wc-block-product .wp-block-button__link[aria-label*="في عربة"]::before,
li.wc-block-product .wp-block-button__link[aria-label*="في العربة"]::before,
li.wc-block-product .wc-block-components-product-button__button[aria-label*="في عربة"]::before,
li.wc-block-product .wc-block-components-product-button__button[aria-label*="في العربة"]::before{
	content:"";
	inline-size:1rem;block-size:1rem;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
	background-size:contain;background-repeat:no-repeat;background-position:center;
	flex-shrink:0;
}
li.wc-block-product .added_to_cart{display:none !important}
/* بعد Ajax: WC قد يحقن notice/spinner داخل wrapper الزر فيدفع الزر للأعلى.
   نُجبر الـ wrapper على أن يكون flex column ويُخفي أي شقيق غير الزر،
   حتى يبقى الزر دومًا في أسفل الكرت (محاذيًا لباقي البطاقات). */
li.wc-block-product .wp-block-woocommerce-product-button{display:flex;flex-direction:column}
li.wc-block-product .wp-block-woocommerce-product-button > :not(.wp-block-button):not(.wc-block-components-product-button__button):not(.wp-block-button__link){display:none !important}

/* Out-of-stock card → outline button (read more) */
li.wc-block-product.outofstock .wp-block-woocommerce-product-button .wp-block-button__link{background:transparent !important;color:var(--wp--preset--color--on-surface) !important;border:1.5px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 22%,transparent) !important;box-shadow:none !important}
li.wc-block-product.outofstock .wp-block-woocommerce-product-button .wp-block-button__link:hover{background:var(--wp--preset--color--surface) !important;border-color:var(--wp--preset--color--primary) !important;color:var(--wp--preset--color--primary) !important;transform:none !important}

/* Badges container — horizontal, max 2 visible */
li.wc-block-product .tajstore-product-card__badges{position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:.375rem;pointer-events:none;max-inline-size:calc(100% - 1.5rem)}
li.wc-block-product .tajstore-product-card__badges .tajstore-badge{font-size:.6875rem;padding:.25rem .625rem;border-radius:var(--tj-radius-sm);font-weight:700;letter-spacing:.02em;text-transform:uppercase;backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff}
li.wc-block-product .tajstore-product-card__badges .tajstore-badge:nth-child(n+3){display:none}
.tajstore-badge{font-size:.6875rem;padding:.25rem .625rem;border-radius:var(--tj-radius-sm);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:var(--wp--preset--color--primary)}
.tajstore-badge--sale{background:linear-gradient(135deg,var(--wp--preset--color--danger) 0%,color-mix(in srgb,var(--wp--preset--color--danger) 75%,#000) 100%)}
.tajstore-badge--new{background:linear-gradient(135deg,var(--wp--preset--color--success) 0%,color-mix(in srgb,var(--wp--preset--color--success) 75%,#000) 100%)}

/* Product Template responsive grid (4→3→2→1) — used everywhere */
.tajstore-product-collection .wc-block-product-template.is-flex-container,
.tajstore-home-featured .wc-block-product-template.is-flex-container,
.tajstore-home-onsale .wc-block-product-template.is-flex-container,
.tajstore-related-products .wc-block-product-template.is-flex-container{
	--tajstore-grid-gap:var(--wp--preset--spacing--50);
	gap:var(--tajstore-grid-gap) !important;
}
@media (min-width:1025px){
	.tajstore-product-collection .wc-block-product-template.is-flex-container > li,
	.tajstore-home-featured .wc-block-product-template.is-flex-container > li,
	.tajstore-home-onsale .wc-block-product-template.is-flex-container > li,
	.tajstore-related-products .wc-block-product-template.is-flex-container > li{width:calc(25% - 0.75 * var(--tajstore-grid-gap)) !important}
}
@media (max-width:1024px){
	.tajstore-product-collection .wc-block-product-template.is-flex-container > li,
	.tajstore-home-featured .wc-block-product-template.is-flex-container > li,
	.tajstore-home-onsale .wc-block-product-template.is-flex-container > li,
	.tajstore-related-products .wc-block-product-template.is-flex-container > li{width:calc(33.3333% - 0.6667 * var(--tajstore-grid-gap)) !important}
}
@media (max-width:768px){
	.tajstore-product-collection .wc-block-product-template.is-flex-container,
	.tajstore-home-featured .wc-block-product-template.is-flex-container,
	.tajstore-home-onsale .wc-block-product-template.is-flex-container,
	.tajstore-related-products .wc-block-product-template.is-flex-container{--tajstore-grid-gap:var(--wp--preset--spacing--40)}
	.tajstore-product-collection .wc-block-product-template.is-flex-container > li,
	.tajstore-home-featured .wc-block-product-template.is-flex-container > li,
	.tajstore-home-onsale .wc-block-product-template.is-flex-container > li,
	.tajstore-related-products .wc-block-product-template.is-flex-container > li{width:calc(50% - 0.5 * var(--tajstore-grid-gap)) !important}
}
/* الجوال: 2 منتج في الصف (طلب المستخدم) — لا تعرض عمود واحد */
@media (max-width:480px){
	.tajstore-product-collection .wc-block-product-template.is-flex-container,
	.tajstore-home-featured .wc-block-product-template.is-flex-container,
	.tajstore-home-onsale .wc-block-product-template.is-flex-container,
	.tajstore-related-products .wc-block-product-template.is-flex-container{--tajstore-grid-gap:var(--wp--preset--spacing--30)}
	.tajstore-product-collection .wc-block-product-template.is-flex-container > li,
	.tajstore-home-featured .wc-block-product-template.is-flex-container > li,
	.tajstore-home-onsale .wc-block-product-template.is-flex-container > li,
	.tajstore-related-products .wc-block-product-template.is-flex-container > li{width:calc(50% - 0.5 * var(--tajstore-grid-gap)) !important}
}

/* ----------------------------------------------------------
 * Mini-Cart Drawer — title, footer, 3-button stack
 * زر "تابع التسوق" يُحقن عبر JS (initMiniCartContinue)
 * ---------------------------------------------------------- */
.wc-block-mini-cart__drawer .wc-block-mini-cart__title,
.wc-block-components-drawer__content .wc-block-mini-cart__title{
	font-size:var(--wp--preset--font-size--lg);
	font-weight:700;
	padding:1rem 1.25rem;
	margin:0;
	border-block-end:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 8%,transparent);
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__items,
.wc-block-components-drawer__content .wc-block-mini-cart__items{padding-inline:.75rem}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer,
.wc-block-components-drawer__content .wc-block-mini-cart__footer{
	padding:1rem 1.25rem 1.25rem;
	border-block-start:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 8%,transparent);
	background:var(--wp--preset--color--surface);
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-subtotal{
	margin:0 0 .25rem;
	display:flex;align-items:baseline;justify-content:space-between;
	font-weight:700;font-size:var(--wp--preset--font-size--base);
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-shipping,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-shipping{
	color:var(--tj-text-muted);font-size:var(--wp--preset--font-size--xs);margin:0 0 1rem;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-actions{
	display:flex !important;
	flex-direction:column !important;
	gap:.625rem !important;
	margin:0 !important;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions > a,
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions > button,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-actions > a,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-actions > button{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	inline-size:100% !important;
	min-block-size:var(--tj-control-h-lg) !important;
	padding:.625rem 1rem !important;
	font-family:inherit !important;
	font-size:var(--wp--preset--font-size--sm) !important;
	font-weight:700 !important;
	line-height:1.3 !important;
	border-radius:var(--tj-radius-md) !important;
	border:1.5px solid transparent !important;
	text-decoration:none !important;
	white-space:normal !important;
	text-align:center !important;
	cursor:pointer;
	transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast),border-color var(--tj-motion-fast),box-shadow var(--tj-motion-fast),transform var(--tj-motion-fast) !important;
}

/* Checkout — primary CTA */
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-checkout,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-checkout{
	background:linear-gradient(135deg,var(--wp--preset--color--primary) 0%,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 100%) !important;
	color:#fff !important;
	box-shadow:0 4px 10px -2px color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent) !important;
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-checkout:hover,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-checkout:hover{
	background:linear-gradient(135deg,color-mix(in srgb,var(--wp--preset--color--primary) 75%,#000) 0%,var(--wp--preset--color--secondary) 100%) !important;
	box-shadow:0 8px 18px -4px color-mix(in srgb,var(--wp--preset--color--primary) 40%,transparent) !important;
	transform:translateY(-1px);
}

/* View cart — outline */
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-cart,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-cart{
	background:var(--wp--preset--color--white) !important;
	color:var(--wp--preset--color--on-surface) !important;
	border-color:color-mix(in srgb,var(--wp--preset--color--on-surface) 18%,transparent) !important;
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-cart:hover,
.wc-block-components-drawer__content .wc-block-mini-cart__footer-cart:hover{
	border-color:var(--wp--preset--color--primary) !important;
	color:var(--wp--preset--color--primary) !important;
	background:var(--wp--preset--color--white) !important;
}

/* Continue shopping (مُحقن) — ghost/dashed */
.tj-mini-cart-continue{
	background:transparent !important;
	color:var(--wp--preset--color--primary) !important;
	border:1.5px dashed color-mix(in srgb,var(--wp--preset--color--primary) 35%,transparent) !important;
}
.tj-mini-cart-continue:hover{
	background:color-mix(in srgb,var(--wp--preset--color--primary) 8%,transparent) !important;
	border-style:solid !important;
	border-color:var(--wp--preset--color--primary) !important;
}

/* WC notices */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:var(--tj-radius-md);border:0;padding:1rem 1.25rem}
.woocommerce-message{background:color-mix(in srgb,var(--wp--preset--color--success) 12%,transparent);color:var(--wp--preset--color--success)}
.woocommerce-info{background:color-mix(in srgb,var(--wp--preset--color--primary) 8%,transparent);color:var(--wp--preset--color--primary)}
.woocommerce-error{background:color-mix(in srgb,var(--wp--preset--color--danger) 12%,transparent);color:var(--wp--preset--color--danger)}

/* Cover (Hero) — tweak overlay opacity for readability */
.wp-block-cover.alignfull:first-of-type .wp-block-cover__inner-container{position:relative;z-index:2}

/* ============================================================
 * 7. Utilities + a11y
 * ============================================================ */
.is-screen-reader-text,.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);inline-size:1px;block-size:1px;overflow:hidden;word-wrap:normal !important}
.is-screen-reader-text:focus,.screen-reader-text:focus{clip:auto !important;clip-path:none;inline-size:auto;block-size:auto;display:block;padding:.625rem;background:#fff;color:var(--wp--preset--color--primary);z-index:100000}
.tajstore-skip-link{position:absolute;inset-block-start:-100px;inset-inline-start:0;background:var(--wp--preset--color--primary);color:#fff;padding:.5rem 1rem;z-index:100000}
.tajstore-skip-link:focus{inset-block-start:0}

/* Toggle visibility from admin panel switches (body classes) */
body.tj-hide-usp .tajstore-usp-strip{display:none}
body.tj-hide-newsletter > main > .wp-block-cover.alignfull:last-of-type{display:none}

/* Footer tagline (italic, smaller, under heading) */
.tj-footer-tagline{font-style:italic;font-size:var(--wp--preset--font-size--xs);color:rgba(255,255,255,.6);margin-block:0 .75rem !important}
.tj-footer-tagline:empty{display:none}

/* Shop columns override (admin panel shop_columns) — works on FSE block-based shop */
body.tj-shop-cols-2 .tajstore-product-collection .wc-block-product-template.is-flex-container > li{width:calc(50% - 0.5 * var(--tajstore-grid-gap)) !important}
body.tj-shop-cols-3 .tajstore-product-collection .wc-block-product-template.is-flex-container > li{width:calc(33.3333% - 0.6667 * var(--tajstore-grid-gap)) !important}
body.tj-shop-cols-5 .tajstore-product-collection .wc-block-product-template.is-flex-container > li{width:calc(20% - 0.8 * var(--tajstore-grid-gap)) !important}

/* Newsletter form — async submit states */
.tajstore-newsletter-form.is-loading .tajstore-newsletter-form__button{opacity:.6;pointer-events:none}
.tajstore-newsletter-form__message{display:none;margin-block-start:.75rem;text-align:center;font-size:var(--wp--preset--font-size--sm);color:#fff}
.tajstore-newsletter-form__message.is-visible{display:block}
.tajstore-newsletter-form__message.is-error{color:#fecaca}

/* Site header (sticky) — يُفعّل عبر body class من إعدادات اللوحة */
.tajstore-site-header{position:sticky;inset-block-start:0;z-index:100;background:#fff;border-block-end:var(--tj-border-subtle);box-shadow:var(--wp--preset--shadow--sm);transition:transform .25s ease}
.tajstore-site-header.is-hidden{transform:translateY(-100%)}
.tj-has-sticky-header header.wp-block-template-part{position:sticky;inset-block-start:0;z-index:100;background:var(--wp--preset--color--white);box-shadow:0 1px 3px rgba(0,0,0,.04)}

/* Top bar — يظهر إذا فُعِّل من اللوحة */
.tj-topbar{background:var(--wp--preset--color--secondary);color:#fff;text-align:center;padding-block:.625rem;padding-inline:1rem;font-size:var(--wp--preset--font-size--sm);font-weight:600;letter-spacing:.02em}
.tj-topbar a{color:var(--wp--preset--color--accent);text-decoration:none}
.tj-topbar a:hover{text-decoration:underline}

/* Social links (shortcode [tj_social_links]) */
.tj-social-links{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.tj-social-links__link{display:inline-flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;border-radius:var(--tj-radius-md);background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast),transform var(--tj-motion-fast)}
.tj-social-links__link:hover{background:var(--wp--preset--color--primary);color:#fff;text-decoration:none}
/* On light backgrounds (e.g., contact section) */
.tj-on-light .tj-social-links__link{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--on-surface)}
.tj-on-light .tj-social-links__link:hover{background:var(--wp--preset--color--primary);color:#fff}

/* Footer dynamic columns */
.tj-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--wp--preset--spacing--60);align-items:start}
.tj-footer-col h3,.tj-footer-col h4{font-size:var(--wp--preset--font-size--base);font-weight:700;margin:0 0 var(--wp--preset--spacing--40);color:#fff}
.tj-footer-col p,.tj-footer-col li{color:rgba(255,255,255,.75);font-size:var(--wp--preset--font-size--sm);line-height:1.7;margin:0}
.tj-footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}
.tj-footer-col a{color:rgba(255,255,255,.75);transition:color var(--tj-motion-fast)}
.tj-footer-col a:hover{color:#fff;text-decoration:none}
.tj-footer-bottom{border-block-start:1px solid rgba(255,255,255,.1);padding-block-start:var(--wp--preset--spacing--50);margin-block-start:var(--wp--preset--spacing--60);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--wp--preset--spacing--40);font-size:var(--wp--preset--font-size--sm);color:rgba(255,255,255,.6)}
.tj-payment-icons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.tj-payment-icons span{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);padding:.25rem .625rem;border-radius:var(--tj-radius-sm);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
@media (max-width:781px){.tj-footer-grid{grid-template-columns:1fr 1fr;gap:var(--wp--preset--spacing--50)}.tj-footer-col:first-child{grid-column:1/-1}.tj-footer-bottom{flex-direction:column;text-align:center}}
@media (max-width:480px){.tj-footer-grid{grid-template-columns:1fr}}

/* =========================================================================
   8. Fly-to-Cart Animation
   ========================================================================= */
/* الشبح الذي يطير من صورة المنتج إلى أيقونة السلة */
.tj-fly-ghost{position:fixed;inset-block-start:0;inset-inline-start:0;left:0;top:0;display:block;border-radius:var(--tj-radius-md);overflow:hidden;background:#fff;border:2px solid var(--wp--preset--color--accent);box-shadow:0 14px 32px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.16);pointer-events:none;z-index:99999;will-change:transform,opacity;transform-origin:center}
.tj-fly-ghost img{inline-size:100%;block-size:100%;object-fit:cover;display:block;border-radius:inherit}

/* نبضة السلة عند الوصول */
@keyframes tj-cart-bump{0%{transform:scale(1) rotate(0)}18%{transform:scale(1.22) rotate(-8deg)}38%{transform:scale(.9) rotate(6deg)}58%{transform:scale(1.1) rotate(-3deg)}78%{transform:scale(.97) rotate(1deg)}100%{transform:scale(1) rotate(0)}}
@keyframes tj-cart-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--wp--preset--color--accent) 65%,transparent)}100%{box-shadow:0 0 0 18px transparent}}
.tj-cart-bump{animation:tj-cart-bump .65s cubic-bezier(.34,1.56,.64,1),tj-cart-ring .7s ease-out;border-radius:var(--tj-radius-pill)}

/* احترام prefers-reduced-motion: لا طيران، نبضة خفيفة فقط */
@media (prefers-reduced-motion: reduce){
.tj-fly-ghost{display:none!important}
.tj-cart-bump{animation:tj-cart-bump .35s ease-out;box-shadow:none}
}

/* =========================================================================
   10. Block Patterns — أنماط القالب
   ========================================================================= */

/* --- 10.1 USP Strip --------------------------------------------------- */
.tj-pattern-usp .tj-usp__icon{color:var(--wp--preset--color--primary);flex-shrink:0}

/* --- 10.2 Hero gradient ---------------------------------------------- */
.tj-pattern-hero .wp-block-buttons{gap:.75rem}
.tj-pattern-hero .wp-block-button__link{transition:transform var(--tj-motion-base),box-shadow var(--tj-motion-base)}
.tj-pattern-hero .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(0,0,0,.4)}

/* --- 10.3 Split banner ----------------------------------------------- */
.tj-pattern-cta-split{overflow:hidden}
.tj-pattern-cta-split .wp-block-media-text__media img{transition:transform .6s ease}
.tj-pattern-cta-split:hover .wp-block-media-text__media img{transform:scale(1.05)}
@media (max-width:640px){
	.tj-pattern-cta-split .wp-block-media-text__content{padding:var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) !important}
	.tj-pattern-cta-split .wp-block-media-text__media{min-block-size:280px}
	.tj-pattern-cta-split .wp-block-media-text__media img{min-height:280px !important}
}

/* --- 10.4 Newsletter CTA --------------------------------------------- */
.tj-pattern-cta-newsletter .tajstore-newsletter-form{display:flex;gap:.5rem;max-inline-size:480px;margin-inline:auto;background:rgba(255,255,255,.1);padding:.375rem;border-radius:var(--tj-radius-pill);backdrop-filter:blur(8px)}
.tj-pattern-cta-newsletter .tajstore-newsletter-form__input{flex:1;background:transparent;border:0;color:#fff;font-size:var(--wp--preset--font-size--sm);padding:0 1rem;outline:none;min-block-size:var(--tj-control-h)}
.tj-pattern-cta-newsletter .tajstore-newsletter-form__input::placeholder{color:rgba(255,255,255,.7)}
.tj-pattern-cta-newsletter .tajstore-newsletter-form__button{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--secondary);font-weight:700;font-size:var(--wp--preset--font-size--sm);padding:0 1.25rem;border:0;border-radius:var(--tj-radius-pill);min-block-size:var(--tj-control-h);cursor:pointer;transition:transform var(--tj-motion-fast),box-shadow var(--tj-motion-fast)}
.tj-pattern-cta-newsletter .tajstore-newsletter-form__button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.tj-pattern-cta-newsletter .tajstore-newsletter-form__message{color:#fff;text-align:center;margin-block-start:.75rem;font-size:var(--wp--preset--font-size--sm);min-block-size:1.25em}
.tj-pattern-cta-newsletter .tajstore-newsletter-form__message.is-error{color:var(--wp--preset--color--accent)}
@media (max-width:560px){
	.tj-pattern-cta-newsletter .tajstore-newsletter-form{flex-direction:column;border-radius:var(--tj-radius-md);padding:.75rem}
	.tj-pattern-cta-newsletter .tajstore-newsletter-form__input{background:rgba(255,255,255,.1);border-radius:var(--tj-radius-sm)}
	.tj-pattern-cta-newsletter .tajstore-newsletter-form__button{border-radius:var(--tj-radius-sm)}
}

/* --- 10.5 Testimonials cards ---------------------------------------- */
.tj-stars{display:inline-flex;gap:.125rem;color:var(--wp--preset--color--accent)}

/* --- 10.6 Stats counter (الدفعة 2) ----------------------------------- */
.tj-pattern-stats{padding-block:var(--wp--preset--spacing--70);padding-inline:var(--wp--preset--spacing--50)}
.tj-stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}
.tj-stat-item__num{font-size:clamp(2.25rem,1.8rem + 2vw,3.5rem);font-weight:800;line-height:1;color:var(--wp--preset--color--accent);letter-spacing:-.02em}
.tj-stat-item__label{font-size:var(--wp--preset--font-size--sm);font-weight:500;letter-spacing:.05em;color:var(--wp--preset--color--white);opacity:.9}

/* --- 10.7 FAQ accordion ---------------------------------------------- */
.tj-pattern-faq{padding-block:var(--wp--preset--spacing--80);padding-inline:var(--wp--preset--spacing--50)}
.tj-pattern-faq__head{margin-block-end:var(--wp--preset--spacing--60)}
.tj-pattern-faq__sub{opacity:.8}
.tj-pattern-faq__list{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--30)}
.tj-pattern-faq__item{
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-md);
	padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	transition:border-color var(--tj-motion-base),box-shadow var(--tj-motion-base);
}
.tj-pattern-faq__item[open]{border-color:color-mix(in srgb,var(--wp--preset--color--primary) 35%,transparent);box-shadow:0 8px 24px -12px color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent)}
.tj-pattern-faq__item summary{cursor:pointer;font-weight:700;font-size:var(--wp--preset--font-size--base);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--wp--preset--color--on-surface)}
.tj-pattern-faq__item summary::-webkit-details-marker{display:none}
.tj-pattern-faq__item summary::after{
	content:"";
	flex:0 0 auto;
	inline-size:1.125rem;block-size:1.125rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-size:contain;background-repeat:no-repeat;background-position:center;
	transition:transform var(--tj-motion-base);
	color:var(--wp--preset--color--primary);
	opacity:.7;
}
.tj-pattern-faq__item[open] summary::after{transform:rotate(180deg);opacity:1}
.tj-pattern-faq__item p{margin-block:var(--wp--preset--spacing--30) 0;line-height:1.7;color:var(--wp--preset--color--on-surface);opacity:.85}

/* --- 10.8 Brand strip ------------------------------------------------- */
.tj-pattern-brands{padding-block:var(--wp--preset--spacing--60);padding-inline:var(--wp--preset--spacing--50);background:var(--wp--preset--color--white)}
.tj-pattern-brands__eyebrow{margin-block-end:var(--wp--preset--spacing--40);opacity:.6}
.tj-pattern-brands__strip{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
	gap:clamp(1.5rem,4vw,4rem);
	max-inline-size:1200px;margin-inline:auto;
}
.tj-pattern-brands__logo{
	font-family:var(--tj-font-display,inherit);
	font-weight:800;
	font-size:clamp(1rem,1.5vw,1.5rem);
	letter-spacing:.15em;
	color:var(--wp--preset--color--on-surface);
	opacity:.35;
	transition:opacity var(--tj-motion-base),color var(--tj-motion-base);
	user-select:none;
}
.tj-pattern-brands__logo:hover{opacity:1;color:var(--wp--preset--color--primary)}

/* --- 10.9 Hero split (image side) ------------------------------------ */
.tj-pattern-hero-split{align-items:center}
.tj-pattern-hero-split .wp-block-media-text__media{min-block-size:480px;overflow:hidden}
.tj-pattern-hero-split .wp-block-media-text__media img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .8s ease}
.tj-pattern-hero-split:hover .wp-block-media-text__media img{transform:scale(1.04)}
.tj-pattern-hero-split .wp-block-media-text__content{padding-block:var(--wp--preset--spacing--70);padding-inline:clamp(1.5rem,5vw,4rem)}
.tj-pattern-hero-split__title{font-size:clamp(2rem,1.5rem + 2.5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-block:var(--wp--preset--spacing--30) var(--wp--preset--spacing--40)}
.tj-pattern-hero-split__lede{font-size:var(--wp--preset--font-size--lg);line-height:1.6;opacity:.85;margin-block-end:var(--wp--preset--spacing--50)}
@media (max-width:782px){
	.tj-pattern-hero-split{grid-template-columns:1fr !important}
	.tj-pattern-hero-split .wp-block-media-text__media{min-block-size:280px}
	.tj-pattern-hero-split .wp-block-media-text__content{padding-block:var(--wp--preset--spacing--60)}
}

/* --- 10.10 Promo cards (3 categories hero) --------------------------- */
.tj-pattern-promo{padding-block:var(--wp--preset--spacing--70);padding-inline:var(--wp--preset--spacing--50)}
.tj-pattern-promo__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:var(--wp--preset--spacing--40);
	max-inline-size:1320px;margin-inline:auto;
}
.tj-pattern-promo__card{
	position:relative;
	display:block;
	aspect-ratio:4/5;
	border-radius:var(--tj-radius-lg);
	overflow:hidden;
	text-decoration:none;
	color:#fff;
	box-shadow:0 8px 24px -12px rgba(0,0,0,.25);
	transition:transform var(--tj-motion-base),box-shadow var(--tj-motion-base);
	isolation:isolate;
}
.tj-pattern-promo__card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -16px rgba(0,0,0,.35)}
.tj-pattern-promo__media{
	position:absolute;inset:0;
	background-size:cover;background-position:center;
	z-index:-2;
	transition:transform .8s ease;
}
.tj-pattern-promo__card:hover .tj-pattern-promo__media{transform:scale(1.06)}
.tj-pattern-promo__card::after{
	content:"";
	position:absolute;inset:0;
	background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.65) 100%);
	z-index:-1;
}
.tj-pattern-promo__body{
	position:absolute;
	inset-inline:0;
	inset-block-end:0;
	padding:var(--wp--preset--spacing--50);
	display:flex;flex-direction:column;gap:.5rem;
}
.tj-pattern-promo__eyebrow{
	display:inline-block;align-self:start;
	background:var(--wp--preset--color--accent);
	color:var(--wp--preset--color--on-surface);
	font-size:var(--wp--preset--font-size--xs);
	font-weight:700;
	letter-spacing:.08em;text-transform:uppercase;
	padding:.25rem .625rem;
	border-radius:var(--tj-radius-pill);
}
.tj-pattern-promo__title{font-size:clamp(1.25rem,1rem + 1vw,1.875rem);font-weight:800;letter-spacing:-.01em;line-height:1.2}
.tj-pattern-promo__cta{font-size:var(--wp--preset--font-size--sm);font-weight:600;opacity:.9;display:inline-flex;align-items:center;gap:.375rem;transition:gap var(--tj-motion-base)}
.tj-pattern-promo__card:hover .tj-pattern-promo__cta{gap:.625rem;opacity:1}
@media (max-width:900px){.tj-pattern-promo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tj-pattern-promo__card:nth-child(3){grid-column:1 / -1;aspect-ratio:16/9}}
@media (max-width:520px){.tj-pattern-promo__grid{grid-template-columns:1fr}.tj-pattern-promo__card,.tj-pattern-promo__card:nth-child(3){aspect-ratio:4/5}}

/* =========================================================================
   9. My Account — صفحة حساب العميل (Dashboard, Sidebar, Login)
   ========================================================================= */

/* --- 9.1 Layout (sidebar + content) ------------------------------------- */
/* لا نضيف max-width/padding هنا — قالب page.html يستخدم constrained <main> وسيقيّد العرض. */
.woocommerce-account .woocommerce{margin:0}

/* إخفاء post-title + featured-image على صفحات الحساب (يأتي من page.html إذا لم يُحمَّل page-my-account.html) */
body.woocommerce-account .wp-block-post-title,
body.woocommerce-account .wp-block-post-featured-image{display:none}
body.woocommerce-account main.wp-block-group{background:var(--wp--preset--color--surface)}

/* إلغاء woocommerce.css default floats/widths (يكسر الـ grid + RTL).
   ملاحظة: لا نضع display:block هنا لأنه يكسر flex على .tj-account__content
   (التي تحمل أيضًا class .woocommerce-MyAccount-content وله specificity أعلى). */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .u-columns,
.woocommerce-account .col2-set,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2,
.woocommerce-account .col2-set .u-column1,
.woocommerce-account .col2-set .u-column2,
.woocommerce-account .u-columns::before,
.woocommerce-account .u-columns::after,
.woocommerce-account .col2-set::before,
.woocommerce-account .col2-set::after{
	float:none;
	clear:none;
	width:auto;
	max-width:none;
}
.woocommerce-account .u-columns::before,
.woocommerce-account .u-columns::after,
.woocommerce-account .col2-set::before,
.woocommerce-account .col2-set::after{content:none;display:none}

/* ============ 9.0 Account page layout =================== */
/* main هو alignwide في القالب — لا نحتاج لـ override للعرض.
   نترك WP يتعامل مع root padding + wideSize عبر theme.json
   لضمان تطابق العرض مع باقي الصفحات (المتجر/الرئيسية).

   إصلاح حرج: WooCommerce تفرض max-width:1000px على .woocommerce و
   .wp-block-post-title داخل صفحات account/cart/checkout عبر
   woocommerce-blocktheme(-rtl).css. هذا يكسر التوسيط على الشاشات
   العريضة (المحتوى يلتصق بحافة start بدلًا من التوسط داخل alignwide).
   نلغي القيد ونوسّط العنصر داخل alignwide الخاص بنا. */
.woocommerce-account main .woocommerce,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout main .woocommerce,
.woocommerce-account .wp-block-post-title,
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title{
	max-inline-size:none;
	margin-inline:auto;
	inline-size:100%;
}

/* --- 9.1 Account grid --------------------------------------------------- */
.tj-account{
	display:grid;
	grid-template-columns:300px minmax(0,1fr);
	gap:var(--wp--preset--spacing--50);
	align-items:start;
	inline-size:100%;
	max-inline-size:none;
}
.tj-account__sidebar{position:sticky;inset-block-start:var(--wp--preset--spacing--40);display:flex;flex-direction:column;gap:var(--wp--preset--spacing--40);min-inline-size:0}
.tj-account__content{min-inline-size:0;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--60)}

/* --- 9.2 User card (sidebar header — premium) -------------------------- */
.tj-account-user{
	position:relative;
	display:flex;align-items:center;gap:.875rem;
	padding:1.25rem;
	background:linear-gradient(135deg,var(--wp--preset--color--primary) 0%,color-mix(in srgb,var(--wp--preset--color--primary) 55%,#000) 100%);
	color:#fff;
	border-radius:var(--tj-radius-lg);
	box-shadow:0 14px 30px -14px color-mix(in srgb,var(--wp--preset--color--primary) 60%,transparent);
	overflow:hidden;
}
.tj-account-user::before{
	content:"";
	position:absolute;
	inset-block-start:-40%;
	inset-inline-end:-20%;
	inline-size:80%;
	block-size:160%;
	background:radial-gradient(circle, rgba(255,255,255,.18) 0%, transparent 60%);
	pointer-events:none;
}
.tj-account-user > *{position:relative;z-index:1}
.tj-account-user__avatar{flex:0 0 auto}
.tj-account-user__avatar-img{
	inline-size:56px;block-size:56px;
	border-radius:var(--tj-radius-pill);
	border:2px solid rgba(255,255,255,.5);
	display:block;
	box-shadow:0 4px 12px rgba(0,0,0,.15);
}
.tj-account-user__meta{min-inline-size:0;display:flex;flex-direction:column;gap:.125rem}
.tj-account-user__hello{font-size:var(--wp--preset--font-size--xs);opacity:.9;font-weight:500}
.tj-account-user__name{font-size:var(--wp--preset--font-size--base);font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}
.tj-account-user__email{font-size:var(--wp--preset--font-size--xs);opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* --- 9.3 Sidebar nav (احترافي مع active state بارز) ------------------ */
.tj-account-nav{
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	padding:.5rem;
	overflow:hidden;
	box-shadow:0 2px 8px -4px rgba(0,0,0,.05);
}
.tj-account-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}
.tj-account-nav a{
	position:relative;
	display:flex;align-items:center;gap:.75rem;
	padding:.75rem 1rem;
	border-radius:var(--tj-radius-md);
	color:var(--wp--preset--color--on-surface);
	font-size:var(--wp--preset--font-size--sm);
	font-weight:600;
	transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast);
}
.tj-account-nav a:hover{
	background:color-mix(in srgb,var(--wp--preset--color--primary) 6%,var(--wp--preset--color--surface));
	color:var(--wp--preset--color--primary);
	text-decoration:none;
}
.tj-account-nav .is-active a,
.tj-account-nav a[aria-current="page"]{
	background:color-mix(in srgb,var(--wp--preset--color--primary) 10%,transparent);
	color:var(--wp--preset--color--primary);
	font-weight:700;
}
.tj-account-nav .is-active a::before,
.tj-account-nav a[aria-current="page"]::before{
	content:"";
	position:absolute;
	inset-inline-start:0;
	inset-block:.5rem;
	inline-size:3px;
	border-radius:2px;
	background:var(--wp--preset--color--primary);
}
.tj-account-nav__icon{flex:0 0 auto;display:inline-flex;inline-size:1.25rem;block-size:1.25rem;color:currentColor}
.tj-account-nav__icon svg{inline-size:100%;block-size:100%}
.tj-account-nav__label{flex:1;min-inline-size:0}
.tj-account-nav__chev{flex:0 0 auto;opacity:.35;display:inline-flex;inline-size:1rem;block-size:1rem;transition:transform var(--tj-motion-fast),opacity var(--tj-motion-fast)}
.tj-account-nav__chev svg{inline-size:100%;block-size:100%}
.tj-account-nav a:hover .tj-account-nav__chev{opacity:.9;transform:translateX(-3px)}
[dir="rtl"] .tj-account-nav__chev svg{transform:scaleX(-1)}
[dir="rtl"] .tj-account-nav a:hover .tj-account-nav__chev{transform:translateX(3px)}
.tj-account-nav__item--logout{
	margin-block-start:.375rem;
	border-block-start:1px dashed color-mix(in srgb,var(--wp--preset--color--on-surface) 12%,transparent);
	padding-block-start:.5rem;
}
.tj-account-nav__item--logout a{color:var(--wp--preset--color--danger);font-weight:700}
.tj-account-nav__item--logout a:hover{
	background:color-mix(in srgb,var(--wp--preset--color--danger) 8%,transparent);
	color:var(--wp--preset--color--danger);
}

/* --- 9.4 Welcome banner (تصميم احترافي مدمج) -------------------------- */
.tj-account-welcome{
	position:relative;
	display:flex;align-items:center;
	gap:var(--wp--preset--spacing--50);
	padding:var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
	background:linear-gradient(135deg,
		color-mix(in srgb,var(--wp--preset--color--primary) 6%,#fff) 0%,
		#fff 60%);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	flex-wrap:wrap;
	overflow:hidden;
}
.tj-account-welcome::before{
	content:"";
	position:absolute;
	inset-block:0;
	inset-inline-start:0;
	inline-size:4px;
	background:linear-gradient(180deg, var(--wp--preset--color--primary), var(--wp--preset--color--accent));
}
.tj-account-welcome > *{position:relative;z-index:1}
.tj-account-welcome .tj-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:.375rem;
	padding:.25rem .625rem;
	background:color-mix(in srgb,var(--wp--preset--color--primary) 10%,transparent);
	color:var(--wp--preset--color--primary);
	border-radius:var(--tj-radius-pill);
	font-size:var(--wp--preset--font-size--xs);
	font-weight:700;
	letter-spacing:.04em;
	margin:0 0 .625rem;
}
.tj-account-welcome__text{flex:1 1 auto;min-inline-size:0}
.tj-account-welcome__title{
	font-size:var(--wp--preset--font-size--xl);
	font-weight:800;
	margin:0 0 .375rem;
	line-height:1.25;
	display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;
	letter-spacing:-.02em;
}
.tj-account-welcome__name{
	background:linear-gradient(90deg, var(--wp--preset--color--primary), color-mix(in srgb,var(--wp--preset--color--primary) 55%,var(--wp--preset--color--accent)));
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	color:var(--wp--preset--color--primary);
}
.tj-account-welcome__wave{display:inline-block;animation:tj-wave 2.4s ease-in-out infinite;transform-origin:70% 70%;-webkit-text-fill-color:initial}
@keyframes tj-wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%,50%{transform:rotate(10deg)}}
@media (prefers-reduced-motion:reduce){.tj-account-welcome__wave{animation:none}}
.tj-account-welcome__subtitle{
	font-size:var(--wp--preset--font-size--sm);
	color:var(--tj-text-muted);
	margin:0;
	line-height:1.55;
	max-inline-size:48rem;
}
.tj-account-welcome > .tj-btn{flex:0 0 auto;align-self:center}

/* --- 9.5 Stats grid (تخطيط عمودي محسّن) ------------------------------ */
.tj-account-stats{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:var(--wp--preset--spacing--40);
	margin:0;
	padding:0;
	list-style:none;
}
.tj-stat{
	box-sizing:border-box;
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:.625rem;
	inline-size:100%;
	min-inline-size:0;
	padding:1.125rem 1.25rem;
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	color:inherit;
	text-decoration:none;
	text-align:start;
	overflow:hidden;
	transition:transform var(--tj-motion-base),box-shadow var(--tj-motion-base),border-color var(--tj-motion-base);
}
.tj-stat--primary{color:var(--wp--preset--color--primary)}
.tj-stat--warning{color:color-mix(in srgb,var(--wp--preset--color--accent) 75%,#000)}
.tj-stat--success{color:var(--wp--preset--color--success)}
.tj-stat--info{color:var(--wp--preset--color--secondary)}

a.tj-stat:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(0,0,0,.12);border-color:color-mix(in srgb,currentColor 30%,transparent)}

.tj-stat__icon{
	flex:0 0 auto;
	inline-size:2.25rem;
	block-size:2.25rem;
	border-radius:var(--tj-radius-md);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:color-mix(in srgb,currentColor 12%,transparent);
	color:currentColor;
}
.tj-stat__icon svg{inline-size:1.125rem;block-size:1.125rem}

.tj-stat__body{
	inline-size:100%;
	min-inline-size:0;
	display:flex;
	flex-direction:column;
	gap:.125rem;
}
.tj-stat__value{
	display:block;
	font-size:var(--wp--preset--font-size--xl);
	font-weight:800;
	line-height:1.15;
	color:var(--wp--preset--color--on-surface);
	letter-spacing:-.02em;
	font-variant-numeric:tabular-nums;
}
.tj-stat__value bdi,
.tj-stat__value .woocommerce-Price-amount,
.tj-stat__value .amount{
	color:inherit;
	font-weight:inherit;
	unicode-bidi:isolate;
	white-space:nowrap;
}
.tj-stat__value--price{font-size:var(--wp--preset--font-size--base)}
.tj-stat__value--price .woocommerce-Price-currencySymbol{
	font-size:.75em;
	font-weight:700;
	margin-inline-start:.25em;
	opacity:.65;
	letter-spacing:0;
}
.tj-stat__label{
	font-size:var(--wp--preset--font-size--xs);
	color:var(--tj-text-muted);
	line-height:1.4;
	font-weight:600;
	letter-spacing:.01em;
}

/* --- 9.6 Block title (recent, actions) ---------------------------------- */
.tj-account-block__title{
	display:flex;
	align-items:center;
	gap:.625rem;
	font-size:var(--wp--preset--font-size--lg);
	font-weight:800;
	margin:0 0 var(--wp--preset--spacing--50);
	line-height:1.3;
}
.tj-account-block__title::before{
	content:"";
	display:block;
	inline-size:.25rem;
	block-size:1.125rem;
	border-radius:2px;
	background:var(--wp--preset--color--primary);
	flex:0 0 auto;
}

/* --- 9.7 Quick action cards -------------------------------------------- */
.tj-account-actions__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wp--preset--spacing--40)}
.tj-action-card{
	box-sizing:border-box;
	position:relative;
	display:flex;flex-direction:column;gap:.625rem;
	padding:1.5rem 1.25rem;
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	color:inherit;
	text-decoration:none;
	text-align:start;
	min-inline-size:0;
	overflow:hidden;
	transition:transform var(--tj-motion-base),box-shadow var(--tj-motion-base),border-color var(--tj-motion-base);
}
.tj-action-card::after{
	content:"";
	position:absolute;
	inset-block-end:0;
	inset-inline-start:0;
	inline-size:100%;
	block-size:3px;
	background:linear-gradient(90deg, var(--wp--preset--color--primary), var(--wp--preset--color--accent));
	transform:scaleX(0);
	transform-origin:inline-end;
	transition:transform var(--tj-motion-base);
}
.tj-action-card:hover{
	text-decoration:none;
	transform:translateY(-3px);
	box-shadow:0 14px 30px -12px rgba(0,0,0,.15);
	border-color:color-mix(in srgb,var(--wp--preset--color--primary) 30%,transparent);
}
.tj-action-card:hover::after{transform:scaleX(1);transform-origin:inline-start}
.tj-action-card:hover .tj-action-card__icon{
	background:var(--wp--preset--color--primary);
	color:#fff;
	transform:scale(1.05) rotate(-3deg);
}
.tj-action-card:hover .tj-action-card__arrow{transform:translateX(-4px);opacity:1}
[dir="rtl"] .tj-action-card:hover .tj-action-card__arrow{transform:translateX(4px)}

.tj-action-card__icon{
	inline-size:2.75rem;block-size:2.75rem;
	border-radius:var(--tj-radius-md);
	display:inline-flex;align-items:center;justify-content:center;
	background:color-mix(in srgb,var(--wp--preset--color--primary) 12%,transparent);
	color:var(--wp--preset--color--primary);
	margin-block-end:.25rem;
	transition:background-color var(--tj-motion-fast),color var(--tj-motion-fast),transform var(--tj-motion-base);
}
.tj-action-card__icon svg{inline-size:1.375rem;block-size:1.375rem}
.tj-action-card__title{
	font-size:var(--wp--preset--font-size--base);
	font-weight:800;
	line-height:1.3;
	color:var(--wp--preset--color--on-surface);
	letter-spacing:-.01em;
}
.tj-action-card__desc{
	font-size:var(--wp--preset--font-size--sm);
	color:var(--tj-text-muted);
	line-height:1.55;
	margin:0;
}
.tj-action-card__arrow{
	position:absolute;
	inset-block-end:1.25rem;
	inset-inline-end:1.25rem;
	display:inline-flex;
	color:var(--wp--preset--color--primary);
	opacity:.5;
	transition:transform var(--tj-motion-base),opacity var(--tj-motion-fast);
}
.tj-action-card__arrow svg{inline-size:1rem;block-size:1rem}
[dir="rtl"] .tj-action-card__arrow svg{transform:scaleX(-1)}

/* --- 9.8 Recent orders table (احترافي) -------------------------------- */
.tj-account-recent__head{
	display:flex;justify-content:space-between;align-items:center;
	gap:var(--wp--preset--spacing--40);
	margin-block-end:var(--wp--preset--spacing--50);
	flex-wrap:wrap;
}
.tj-account-recent__head .tj-account-block__title{margin:0}
.tj-account-recent__table-wrap{
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	overflow:hidden;
	box-shadow:0 2px 8px -4px rgba(0,0,0,.05);
}
.tj-account-recent__table{
	inline-size:100%;
	border-collapse:separate;
	border-spacing:0;
	font-size:var(--wp--preset--font-size--sm);
	table-layout:auto;
}
.tj-account-recent__table th,
.tj-account-recent__table td{padding:1rem 1.25rem;text-align:start;vertical-align:middle}
.tj-account-recent__table thead th{
	font-size:var(--wp--preset--font-size--xs);
	text-transform:uppercase;
	letter-spacing:.08em;
	color:var(--tj-text-muted);
	background:color-mix(in srgb,var(--wp--preset--color--surface) 60%,#fff);
	font-weight:800;
	white-space:nowrap;
	border-block-end:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent);
}
.tj-account-recent__table tbody tr+tr td{
	border-block-start:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 7%,transparent);
}
.tj-account-recent__table tbody tr{transition:background-color var(--tj-motion-fast)}
.tj-account-recent__table tbody tr:hover{background:color-mix(in srgb,var(--wp--preset--color--primary) 3%,transparent)}
.tj-account-recent__num{
	font-weight:800;
	color:var(--wp--preset--color--primary);
	white-space:nowrap;
	font-variant-numeric:tabular-nums;
	letter-spacing:.02em;
}
.tj-account-recent__num:hover{text-decoration:underline}
.tj-account-recent__date{
	white-space:nowrap;
	color:var(--tj-text-muted);
	font-variant-numeric:tabular-nums;
	font-weight:500;
}
.tj-account-recent__date time{white-space:nowrap}
.tj-account-recent__total{white-space:nowrap}
.tj-account-recent__amount{
	display:block;
	font-weight:800;
	color:var(--wp--preset--color--on-surface);
	line-height:1.2;
	font-variant-numeric:tabular-nums;
}
.tj-account-recent__amount .woocommerce-Price-amount,
.tj-account-recent__amount bdi{white-space:nowrap;unicode-bidi:isolate}
.tj-account-recent__items{
	display:block;
	font-size:var(--wp--preset--font-size--xs);
	color:var(--tj-text-muted);
	margin-block-start:.25rem;
	font-weight:500;
}
.tj-account-recent__actions{text-align:end;white-space:nowrap}
.tj-account-recent__th-actions{inline-size:1%;white-space:nowrap}

/* Order status pill: تحسينات */
.tj-order-status{
	display:inline-flex;align-items:center;gap:.25rem;
	padding:.3125rem .75rem;
	border-radius:var(--tj-radius-pill);
	font-size:var(--wp--preset--font-size--xs);
	font-weight:700;
	line-height:1.4;
	white-space:nowrap;
}
.tj-order-status::before{
	content:"";
	inline-size:.4rem;
	block-size:.4rem;
	border-radius:50%;
	background:currentColor;
	flex:0 0 auto;
}

/* --- 9.9 Order status pill --------------------------------------------- */
.tj-order-status{
	display:inline-flex;align-items:center;
	padding:.25rem .625rem;
	border-radius:var(--tj-radius-pill);
	font-size:var(--wp--preset--font-size--xs);font-weight:700;
	background:color-mix(in srgb,var(--wp--preset--color--on-surface) 8%,transparent);
	color:var(--wp--preset--color--on-surface);
	line-height:1.4;
}
.tj-order-status--completed{background:color-mix(in srgb,var(--wp--preset--color--success) 14%,transparent);color:var(--wp--preset--color--success)}
.tj-order-status--processing{background:color-mix(in srgb,var(--wp--preset--color--primary) 12%,transparent);color:var(--wp--preset--color--primary)}
.tj-order-status--on-hold{background:color-mix(in srgb,var(--wp--preset--color--accent) 22%,transparent);color:color-mix(in srgb,var(--wp--preset--color--accent) 80%,#000)}
.tj-order-status--pending{background:color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent)}
.tj-order-status--cancelled,.tj-order-status--failed,.tj-order-status--refunded{background:color-mix(in srgb,var(--wp--preset--color--danger) 12%,transparent);color:var(--wp--preset--color--danger)}

/* --- 9.10 Empty state -------------------------------------------------- */
.tj-account-empty{
	text-align:center;
	padding:var(--wp--preset--spacing--70) var(--wp--preset--spacing--50);
	background:var(--wp--preset--color--white);
	border:1px dashed color-mix(in srgb,var(--wp--preset--color--on-surface) 18%,transparent);
	border-radius:var(--tj-radius-lg);
}
.tj-account-empty__icon{inline-size:4rem;block-size:4rem;margin:0 auto 1rem;color:var(--tj-text-muted);display:inline-flex;align-items:center;justify-content:center;background:var(--wp--preset--color--surface);border-radius:var(--tj-radius-pill)}
.tj-account-empty__icon svg{inline-size:1.75rem;block-size:1.75rem}
.tj-account-empty__title{font-size:var(--wp--preset--font-size--lg);font-weight:700;margin:0 0 .5rem}
.tj-account-empty__text{color:var(--tj-text-muted);font-size:var(--wp--preset--font-size--sm);margin:0 0 var(--wp--preset--spacing--40)}

/* --- 9.11 Generic WC content adapters (orders/addresses/edit forms) ---- */
/* المحتوى نفسه شفاف — كل قسم داخلي يملك سطحه الخاص (cards, tables, forms). */

/* وحدة "سطح بيضاء" للأطفال المباشرين
   ملاحظة: استثنينا .woocommerce-customer-details لأن تصميمها مخصّص
   (شفاف مع عمودين بطاقتين منفصلتين — انظر القسم أدناه). */
.tj-account__content > p,
.tj-account__content > form,
.tj-account__content > .addresses,
.tj-account__content > .u-columns,
.tj-account__content > .col2-set,
.tj-account__content > .woocommerce-MyAccount-paymentMethods,
.tj-account__content > .woocommerce-Address,
.tj-account__content > .woocommerce-EditAccountForm,
.tj-account__content > .woocommerce-order-details,
.tj-account__content > .woocommerce-table--order-details,
.tj-account__content > section.woocommerce-order-details,
.tj-account__content > .order-again{background:var(--wp--preset--color--white);border:var(--tj-border-subtle);border-radius:var(--tj-radius-lg);padding:var(--wp--preset--spacing--50)}

/* جداول كأطفال مباشرين — السطح بدون padding للسماح لرؤوس الجدول بـ background */
.tj-account__content > table,
.tj-account__content > .woocommerce-orders-table,
.tj-account__content > .shop_table{background:var(--wp--preset--color--white);border:var(--tj-border-subtle);border-radius:var(--tj-radius-lg);overflow:hidden}

/* العناوين الافتراضية لـ WC (My Orders / Order Details / Addresses…) */
.tj-account__content > h2,
.tj-account__content > h3{font-size:var(--wp--preset--font-size--lg);font-weight:800;margin:0;line-height:1.3}
.tj-account__content > h2:not(:first-child),
.tj-account__content > h3:not(:first-child){margin-block-start:var(--wp--preset--spacing--30)}

/* رسائل WC info (لا طلبات بعد، اشترِ شيئًا، إلخ) */
.tj-account__content > .woocommerce-message,
.tj-account__content > .woocommerce-info,
.tj-account__content > .woocommerce-error,
.tj-account__content > .woocommerce-notice,
.tj-account__content > .woocommerce-MyAccount-orders{padding:var(--wp--preset--spacing--50);border-radius:var(--tj-radius-lg)}
.tj-account__content > .woocommerce-MyAccount-orders.woocommerce-message{background:color-mix(in srgb,var(--wp--preset--color--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--primary) 20%,transparent);color:var(--wp--preset--color--primary);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.tj-account__content > .woocommerce-MyAccount-orders .button{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:var(--tj-radius-md);background:var(--wp--preset--color--primary);color:#fff;font-weight:700;font-size:var(--wp--preset--font-size--sm);text-decoration:none}

/* ============ View-order: Customer Details (Billing/Shipping) ===========
   البنية من WC: section.customer-details > section.columns > column.billing + column.shipping
   نحوّل الـ container لشفاف ونجعل كل عمود بطاقة مستقلة بأيقونة. */
.tj-account__content > .woocommerce-customer-details,
.tj-account__content > section.woocommerce-customer-details{
	background:transparent;
	border:0;
	padding:0;
}
.tj-account__content .woocommerce-customer-details .woocommerce-columns{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--wp--preset--spacing--40);
}
.tj-account__content .woocommerce-customer-details .woocommerce-column{
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	padding:var(--wp--preset--spacing--50);
	display:flex;
	flex-direction:column;
	gap:var(--wp--preset--spacing--40);
	box-sizing:border-box;
}

/* العناوين مع أيقونات */
.tj-account__content .woocommerce-order-details__title{font-size:var(--wp--preset--font-size--lg);font-weight:800;margin:0 0 var(--wp--preset--spacing--40);line-height:1.3}
.tj-account__content .woocommerce-customer-details .woocommerce-column__title{
	display:flex;
	align-items:center;
	gap:.625rem;
	font-size:var(--wp--preset--font-size--lg);
	font-weight:800;
	margin:0;
	line-height:1.3;
	color:var(--wp--preset--color--on-surface);
}
.tj-account__content .woocommerce-customer-details .woocommerce-column__title::before{
	content:"";
	flex:0 0 auto;
	inline-size:1.75rem;
	block-size:1.75rem;
	border-radius:var(--tj-radius-md);
	background:color-mix(in srgb,var(--wp--preset--color--primary) 12%,transparent);
	background-image:var(--tj-icon);
	background-position:center;
	background-size:1rem 1rem;
	background-repeat:no-repeat;
}
.tj-account__content .woocommerce-customer-details .woocommerce-column--billing-address .woocommerce-column__title::before{
	--tj-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>');
}
.tj-account__content .woocommerce-customer-details .woocommerce-column--shipping-address .woocommerce-column__title::before{
	--tj-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0Z"/><circle cx="12" cy="10" r="3"/></svg>');
}

/* محتوى العنوان */
.tj-account__content .woocommerce-customer-details address{
	font-style:normal;
	font-size:var(--wp--preset--font-size--sm);
	line-height:1.7;
	color:var(--wp--preset--color--on-surface);
	margin:0;
	display:flex;
	flex-direction:column;
	gap:.75rem;
}

/* الهاتف + البريد */
.tj-account__content .woocommerce-customer-details--phone,
.tj-account__content .woocommerce-customer-details--email{
	display:flex;
	align-items:center;
	gap:.5rem;
	margin:0;
	padding-block-start:.75rem;
	border-block-start:1px dashed color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent);
	font-size:var(--wp--preset--font-size--sm);
	color:var(--wp--preset--color--on-surface);
	font-weight:600;
	unicode-bidi:plaintext;
}
.tj-account__content .woocommerce-customer-details--phone::before,
.tj-account__content .woocommerce-customer-details--email::before{
	content:"";
	flex:0 0 auto;
	inline-size:1rem;
	block-size:1rem;
	background-image:var(--tj-icon);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	opacity:.7;
}
.tj-account__content .woocommerce-customer-details--phone::before{
	--tj-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231e293b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>');
}
.tj-account__content .woocommerce-customer-details--email::before{
	--tj-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231e293b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>');
}

/* الحقول الإضافية (المحافظة/الحي) */
.tj-account__content .woocommerce-customer-details .wc-block-components-additional-fields-list{
	display:grid;
	grid-template-columns:max-content 1fr;
	gap:.375rem .75rem;
	margin:0;
	padding-block-start:.75rem;
	border-block-start:1px dashed color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent);
	font-size:var(--wp--preset--font-size--sm);
}
.tj-account__content .woocommerce-customer-details .wc-block-components-additional-fields-list dt{
	font-weight:700;
	color:var(--wp--preset--color--on-surface);
	margin:0;
}
.tj-account__content .woocommerce-customer-details .wc-block-components-additional-fields-list dd{
	margin:0;
	color:var(--tj-text-muted);
}

/* responsive */
@media (max-width:768px){
	.tj-account__content .woocommerce-customer-details .woocommerce-columns{grid-template-columns:1fr}
}

/* صفحة العناوين — صفّان جنبًا إلى جنب */
.tj-account__content > .addresses,
.tj-account__content > .u-columns,
.tj-account__content > .col2-set{
	display:grid !important;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--wp--preset--spacing--50);
	padding:0;
	background:transparent;
	border:0;
}
.tj-account__content .woocommerce-Address{
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	padding:var(--wp--preset--spacing--50);
	display:flex;
	flex-direction:column;
	gap:.75rem;
}
.tj-account__content .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:0}
.tj-account__content .woocommerce-Address-title h2,
.tj-account__content .woocommerce-Address-title h3{font-size:var(--wp--preset--font-size--base);font-weight:700;margin:0}
.tj-account__content .woocommerce-Address-title .edit{font-size:var(--wp--preset--font-size--xs);font-weight:700;color:var(--wp--preset--color--primary);padding:.375rem .75rem;border:1px solid color-mix(in srgb,var(--wp--preset--color--primary) 30%,transparent);border-radius:var(--tj-radius-md);text-decoration:none;transition:background-color var(--tj-motion-fast)}
.tj-account__content .woocommerce-Address-title .edit:hover{background:color-mix(in srgb,var(--wp--preset--color--primary) 8%,transparent);text-decoration:none}
.tj-account__content .woocommerce-Address address{font-style:normal;font-size:var(--wp--preset--font-size--sm);line-height:1.7;color:var(--tj-text-muted);margin:0;white-space:normal}

/* customer-details / order-details داخل view-order — وضعهم جنبًا إلى جنب */
.tj-account__content > .woocommerce-customer-details{margin-block-end:0}

/* WC orders + shop tables */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .shop_table{inline-size:100%;border-collapse:collapse;font-size:var(--wp--preset--font-size--sm)}
.woocommerce-account .woocommerce-orders-table caption,
.woocommerce-account .shop_table caption{display:none}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .shop_table th,
.woocommerce-account .shop_table td{padding:.875rem 1rem;text-align:start;vertical-align:middle;border:0;border-block-end:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 8%,transparent)}
.woocommerce-account .woocommerce-orders-table thead th,
.woocommerce-account .shop_table thead th{font-size:var(--wp--preset--font-size--xs);text-transform:uppercase;letter-spacing:.06em;color:var(--tj-text-muted);background:var(--wp--preset--color--surface);font-weight:700;border-block-end:0}
.woocommerce-account .woocommerce-orders-table tbody tr:hover,
.woocommerce-account .shop_table tbody tr:hover{background:color-mix(in srgb,var(--wp--preset--color--primary) 3%,transparent)}
.woocommerce-account .woocommerce-orders-table tbody tr:last-child td,
.woocommerce-account .shop_table tbody tr:last-child td,
.woocommerce-account .shop_table tfoot tr:last-child td,
.woocommerce-account .shop_table tfoot tr:last-child th{border-block-end:0}
.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account .shop_table .button,
.woocommerce-account .woocommerce-MyAccount-content .button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-block-size:var(--tj-control-h-sm);padding:0 .875rem;font-size:var(--wp--preset--font-size--xs);font-weight:700;border-radius:var(--tj-radius-md);background:var(--wp--preset--color--primary);color:#fff;border:0;text-decoration:none;transition:background-color var(--tj-motion-fast),transform var(--tj-motion-fast)}
.woocommerce-account .woocommerce-orders-table .button:hover,
.woocommerce-account .shop_table .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover{text-decoration:none;background:color-mix(in srgb,var(--wp--preset--color--primary) 85%,#000)}
.woocommerce-account .woocommerce-orders-table .button.view{background:transparent;color:var(--wp--preset--color--primary);border:1px solid color-mix(in srgb,var(--wp--preset--color--primary) 30%,transparent)}
.woocommerce-account .woocommerce-orders-table .button.view:hover{background:color-mix(in srgb,var(--wp--preset--color--primary) 8%,transparent)}
.woocommerce-account .woocommerce-orders-table .button + .button,
.woocommerce-account .shop_table .button + .button{margin-inline-start:.375rem}
.woocommerce-account .woocommerce-orders-table__cell-order-status{white-space:nowrap}

/* تلوين حالات الطلبات داخل جدول WC الافتراضي (col بـ class مثل woocommerce-orders-table__cell-order-status) */
.woocommerce-account .woocommerce-orders-table .order-status,
.woocommerce-account .woocommerce-orders-table mark.order-status{
	display:inline-flex;align-items:center;padding:.25rem .625rem;
	border-radius:var(--tj-radius-pill);
	font-size:var(--wp--preset--font-size--xs);font-weight:700;
	background:color-mix(in srgb,var(--wp--preset--color--on-surface) 8%,transparent);
	color:var(--wp--preset--color--on-surface);
	line-height:1.4;
}
.woocommerce-account .woocommerce-orders-table .order-status.status-completed,
.woocommerce-account mark.order-status.status-completed{background:color-mix(in srgb,var(--wp--preset--color--success) 14%,transparent);color:var(--wp--preset--color--success)}
.woocommerce-account .woocommerce-orders-table .order-status.status-processing,
.woocommerce-account mark.order-status.status-processing{background:color-mix(in srgb,var(--wp--preset--color--primary) 12%,transparent);color:var(--wp--preset--color--primary)}
.woocommerce-account .woocommerce-orders-table .order-status.status-on-hold,
.woocommerce-account mark.order-status.status-on-hold{background:color-mix(in srgb,var(--wp--preset--color--accent) 22%,transparent);color:color-mix(in srgb,var(--wp--preset--color--accent) 80%,#000)}
.woocommerce-account .woocommerce-orders-table .order-status.status-cancelled,
.woocommerce-account .woocommerce-orders-table .order-status.status-failed,
.woocommerce-account .woocommerce-orders-table .order-status.status-refunded,
.woocommerce-account mark.order-status.status-cancelled,
.woocommerce-account mark.order-status.status-failed,
.woocommerce-account mark.order-status.status-refunded{background:color-mix(in srgb,var(--wp--preset--color--danger) 12%,transparent);color:var(--wp--preset--color--danger)}

/* WC forms (edit account / edit address) — إلغاء floats/widths الافتراضية */
.woocommerce-account form .form-row{float:none;width:auto;clear:none;margin-block-end:0}
.woocommerce-account form fieldset{float:none;width:auto}
.woocommerce-account form .clear{display:none}
.woocommerce-account .tj-account__content > form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--40)}
.woocommerce-account .tj-account__content > form > .form-row-wide,
.woocommerce-account .tj-account__content > form > p.form-row-wide,
.woocommerce-account .tj-account__content > form > fieldset,
.woocommerce-account .tj-account__content > form > h3,
.woocommerce-account .tj-account__content > form > h2,
.woocommerce-account .tj-account__content > form > p:not(.form-row),
.woocommerce-account .tj-account__content > form > .woocommerce-form__field-wrapper,
.woocommerce-account .tj-account__content > form > div.form-row:not(.form-row-first):not(.form-row-last),
.woocommerce-account .tj-account__content > form > p.form-row:not(.form-row-first):not(.form-row-last){grid-column:1 / -1}
@media (max-width:640px){
	.woocommerce-account .tj-account__content > form{grid-template-columns:1fr}
}
.woocommerce-account form .form-row label{display:block;font-weight:600;font-size:var(--wp--preset--font-size--sm);margin-block-end:.375rem}
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea,
.woocommerce-account form .form-row select,
.woocommerce-account form .form-row .select2-selection{
	font:inherit;font-size:var(--wp--preset--font-size--sm);
	inline-size:100%;
	padding:0 .875rem;
	border:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 18%,transparent);
	border-radius:var(--tj-radius-sm);
	background:var(--wp--preset--color--white);
	color:var(--wp--preset--color--on-surface);
	min-block-size:var(--tj-control-h);
	transition:border-color var(--tj-motion-fast),box-shadow var(--tj-motion-fast);
}
.woocommerce-account form .form-row textarea{min-block-size:7rem;padding-block:.625rem;resize:vertical}
.woocommerce-account form .form-row input.input-text:focus,
.woocommerce-account form .form-row textarea:focus,
.woocommerce-account form .form-row select:focus{border-color:var(--wp--preset--color--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--wp--preset--color--primary) 15%,transparent);outline:none}
.woocommerce-account form .form-row{display:flex;flex-direction:column;margin-block-end:var(--wp--preset--spacing--40)}
.woocommerce-account form fieldset{border:0;padding:0;margin:var(--wp--preset--spacing--50) 0 0}
.woocommerce-account form fieldset legend{font-size:var(--wp--preset--font-size--base);font-weight:700;margin-block-end:var(--wp--preset--spacing--40)}
.woocommerce-account form .woocommerce-Button,
.woocommerce-account form button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.25rem;min-block-size:var(--tj-control-h-lg);font-weight:700;font-size:var(--wp--preset--font-size--sm);border-radius:var(--tj-radius-md);background:var(--wp--preset--color--primary);color:#fff;border:0;cursor:pointer;transition:background-color var(--tj-motion-fast),transform var(--tj-motion-fast)}
.woocommerce-account form .woocommerce-Button:hover,
.woocommerce-account form button[type="submit"]:hover{background:color-mix(in srgb,var(--wp--preset--color--primary) 85%,#000)}

/* Addresses overview (edit-address landing) */
.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--50);margin-block-start:var(--wp--preset--spacing--40)}
.woocommerce-account .woocommerce-Address{background:var(--wp--preset--color--surface);border:var(--tj-border-subtle);border-radius:var(--tj-radius-lg);padding:var(--wp--preset--spacing--50)}
.woocommerce-account .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:.75rem}
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3{font-size:var(--wp--preset--font-size--base);font-weight:700;margin:0}
.woocommerce-account .woocommerce-Address-title .edit{font-size:var(--wp--preset--font-size--xs);font-weight:700;color:var(--wp--preset--color--primary)}
.woocommerce-account .woocommerce-Address address{font-style:normal;font-size:var(--wp--preset--font-size--sm);line-height:1.7;color:var(--tj-text-muted)}

/* WC info & error messages */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notice{
	display:flex;align-items:center;gap:.625rem;
	padding:.875rem 1rem;
	border-radius:var(--tj-radius-md);
	font-size:var(--wp--preset--font-size--sm);
	margin-block-end:var(--wp--preset--spacing--40);
	list-style:none;
}
.woocommerce-account .woocommerce-message{background:color-mix(in srgb,var(--wp--preset--color--success) 12%,transparent);color:color-mix(in srgb,var(--wp--preset--color--success) 80%,#000);border:1px solid color-mix(in srgb,var(--wp--preset--color--success) 30%,transparent)}
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-notice{background:color-mix(in srgb,var(--wp--preset--color--primary) 8%,transparent);color:var(--wp--preset--color--primary);border:1px solid color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent)}
.woocommerce-account .woocommerce-error{background:color-mix(in srgb,var(--wp--preset--color--danger) 10%,transparent);color:var(--wp--preset--color--danger);border:1px solid color-mix(in srgb,var(--wp--preset--color--danger) 30%,transparent)}

/* --- 9.12 Login / Register (form-login) ------------------------------- */
.tj-auth{
	display:grid;
	gap:var(--wp--preset--spacing--60);
}
.tj-auth--single{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:stretch}
.tj-auth--split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch}
.tj-auth--tabs{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:stretch;max-inline-size:72rem;margin-inline:auto}
.tj-auth--tabs.tj-auth--solo{grid-template-columns:minmax(0,1fr) minmax(0,480px)}
.tj-auth__hero{
	position:relative;
	background:linear-gradient(135deg,var(--wp--preset--color--primary) 0%,color-mix(in srgb,var(--wp--preset--color--primary) 65%,#000) 100%);
	color:#fff;
	border-radius:var(--tj-radius-lg);
	padding:var(--wp--preset--spacing--70);
	overflow:hidden;
	display:flex;align-items:flex-end;
	min-block-size:24rem;
}
.tj-auth__hero::before,.tj-auth__hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.tj-auth__hero::before{inline-size:18rem;block-size:18rem;inset-block-start:-6rem;inset-inline-end:-6rem}
.tj-auth__hero::after{inline-size:10rem;block-size:10rem;inset-block-end:-3rem;inset-inline-start:-2rem;background:rgba(255,255,255,.05)}
.tj-auth__hero-inner{position:relative;z-index:1}
.tj-auth__hero .tj-eyebrow{color:var(--wp--preset--color--accent);margin-block-end:.75rem}
.tj-auth__hero-title{font-size:var(--wp--preset--font-size--2xl);font-weight:800;line-height:1.25;margin:0 0 var(--wp--preset--spacing--40);max-inline-size:24rem}
.tj-auth__hero-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem;font-size:var(--wp--preset--font-size--sm);max-inline-size:28rem}
.tj-auth__hero-list li{display:flex;align-items:center;gap:.625rem}
.tj-auth__hero-list svg{flex:0 0 auto;color:var(--wp--preset--color--accent)}
.tj-auth__forms{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--50)}
.tj-auth--split .tj-auth__forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--50)}
.tj-auth__card{background:var(--wp--preset--color--white);border:var(--tj-border-subtle);border-radius:var(--tj-radius-lg);padding:var(--wp--preset--spacing--60);box-shadow:0 8px 24px -16px rgba(0,0,0,.12)}
.tj-auth__head{margin-block-end:var(--wp--preset--spacing--50)}
.tj-auth__title{font-size:var(--wp--preset--font-size--xl);font-weight:800;margin:0;line-height:1.2}
.tj-auth__sub{font-size:var(--wp--preset--font-size--sm);color:var(--tj-text-muted);margin:.375rem 0 0}
.tj-auth__form .tj-field{display:flex;flex-direction:column;margin-block-end:var(--wp--preset--spacing--40)}
.tj-auth__form .tj-field label{font-size:var(--wp--preset--font-size--sm);font-weight:600;margin-block-end:.375rem}
.tj-auth__form .tj-input{inline-size:100%}
.tj-field__pw-wrap{position:relative;display:block}
.tj-field__pw-wrap .tj-input{padding-inline-end:2.75rem}
.tj-field__pw-toggle{position:absolute;inset-block:0;inset-inline-end:.25rem;inline-size:2.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--tj-text-muted);border-radius:var(--tj-radius-sm);cursor:pointer;transition:color var(--tj-motion-fast)}
.tj-field__pw-toggle:hover{color:var(--wp--preset--color--primary)}
.tj-field__pw-toggle svg{inline-size:1.125rem;block-size:1.125rem}
.tj-auth__row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:var(--wp--preset--spacing--40);flex-wrap:wrap}
.tj-check{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--wp--preset--font-size--sm);cursor:pointer}
.tj-check input{accent-color:var(--wp--preset--color--primary);inline-size:1rem;block-size:1rem}
.tj-auth__forgot{font-size:var(--wp--preset--font-size--sm);color:var(--wp--preset--color--primary);font-weight:600}
.tj-auth__forgot:hover{text-decoration:underline}
.tj-auth__submit-row{margin:0}
.tj-btn--block{inline-size:100%}
.tj-auth__note{font-size:var(--wp--preset--font-size--sm);color:var(--tj-text-muted);background:var(--wp--preset--color--surface);padding:.75rem 1rem;border-radius:var(--tj-radius-sm);margin:0 0 var(--wp--preset--spacing--40)}
.tj-auth__hero-text{font-size:var(--wp--preset--font-size--sm);line-height:1.7;margin:0;max-inline-size:30rem;opacity:.92}
.tj-auth__trust{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:var(--wp--preset--font-size--xs);color:var(--tj-text-muted);margin:.875rem 0 0;text-align:center}
.tj-auth__trust svg{color:var(--wp--preset--color--success);flex:0 0 auto}
.tj-auth__switch{font-size:var(--wp--preset--font-size--sm);color:var(--tj-text-muted);text-align:center;margin:var(--wp--preset--spacing--40) 0 0;padding-block-start:var(--wp--preset--spacing--40);border-block-start:1px dashed color-mix(in srgb,var(--wp--preset--color--on-surface) 12%,transparent)}
.tj-auth__switch a{color:var(--wp--preset--color--primary);font-weight:700;margin-inline-start:.25rem}
.tj-auth__switch a:hover{text-decoration:underline}
.tj-auth__terms{font-size:var(--wp--preset--font-size--xs);color:var(--tj-text-muted);line-height:1.6;margin:.75rem 0 0;text-align:center}
.tj-auth__terms a{color:var(--wp--preset--color--primary);font-weight:600}
.tj-auth__terms a:hover{text-decoration:underline}
.tj-auth__back-row{margin:var(--wp--preset--spacing--40) 0 0;text-align:center}
.tj-auth__back{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--wp--preset--font-size--sm);color:var(--wp--preset--color--primary);font-weight:600}
.tj-auth__back:hover{text-decoration:underline}
.tj-auth__back svg{transition:transform var(--tj-motion-fast)}
[dir="rtl"] .tj-auth__back svg{transform:scaleX(-1)}
.tj-auth__back:hover svg{transform:translateX(-2px)}
[dir="rtl"] .tj-auth__back:hover svg{transform:scaleX(-1) translateX(-2px)}

/* Narrow variant for lost/reset password screens */
.tj-auth--narrow{grid-template-columns:minmax(0,1fr) minmax(0,480px);max-inline-size:60rem;margin-inline:auto}
.tj-auth--narrow .tj-auth__hero{min-block-size:20rem}

/* Success card (confirmation screen) */
.tj-auth__card--success{text-align:center}
.tj-auth__success-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:4rem;block-size:4rem;border-radius:50%;background:color-mix(in srgb,var(--wp--preset--color--success) 14%,transparent);color:var(--wp--preset--color--success);margin:0 auto var(--wp--preset--spacing--40)}

/* Password strength meter */
.tj-pw-meter{display:none;margin-block-start:.5rem}
.tj-pw-meter.is-active{display:flex;align-items:center;gap:.625rem}
.tj-pw-meter__bar{flex:1;block-size:.375rem;background:color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent);border-radius:999px;overflow:hidden;position:relative}
.tj-pw-meter__fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:0;background:var(--wp--preset--color--danger);border-radius:inherit;transition:inline-size var(--tj-motion-fast),background var(--tj-motion-fast)}
.tj-pw-meter__label{font-size:var(--wp--preset--font-size--xs);font-weight:600;color:var(--tj-text-muted);min-inline-size:4rem;text-align:end}
.tj-pw-meter[data-strength="1"] .tj-pw-meter__fill{inline-size:25%;background:var(--wp--preset--color--danger)}
.tj-pw-meter[data-strength="2"] .tj-pw-meter__fill{inline-size:50%;background:var(--wp--preset--color--accent)}
.tj-pw-meter[data-strength="3"] .tj-pw-meter__fill{inline-size:75%;background:color-mix(in srgb,var(--wp--preset--color--success) 70%,var(--wp--preset--color--accent))}
.tj-pw-meter[data-strength="4"] .tj-pw-meter__fill{inline-size:100%;background:var(--wp--preset--color--success)}
.tj-pw-meter[data-strength="1"] .tj-pw-meter__label{color:var(--wp--preset--color--danger)}
.tj-pw-meter[data-strength="2"] .tj-pw-meter__label{color:color-mix(in srgb,var(--wp--preset--color--accent) 70%,#000)}
.tj-pw-meter[data-strength="3"] .tj-pw-meter__label,
.tj-pw-meter[data-strength="4"] .tj-pw-meter__label{color:var(--wp--preset--color--success)}

/* Password match hint */
.tj-pw-match{font-size:var(--wp--preset--font-size--xs);margin-block-start:.4rem;display:none}
.tj-pw-match.is-show{display:inline-block}
.tj-pw-match[data-match="0"]{color:var(--wp--preset--color--danger)}
.tj-pw-match[data-match="1"]{color:var(--wp--preset--color--success)}

/* Caps lock hint */
.tj-caps-hint{display:inline-flex;align-items:center;gap:.375rem;margin-block-start:.4rem;padding:.25rem .5rem;border-radius:var(--tj-radius-sm);background:color-mix(in srgb,var(--wp--preset--color--accent) 18%,transparent);color:color-mix(in srgb,var(--wp--preset--color--accent) 75%,#000);font-size:var(--wp--preset--font-size--xs);font-weight:600;align-self:flex-start}
.tj-caps-hint[hidden]{display:none}

/* Auth tabs (segmented control) */
.tj-auth__tabs{display:grid;grid-template-columns:repeat(2,1fr);background:var(--wp--preset--color--surface);border:var(--tj-border-subtle);border-radius:var(--tj-radius-lg);padding:.3125rem;gap:.25rem;margin-block-end:var(--wp--preset--spacing--40)}
.tj-auth__tab{appearance:none;background:transparent;border:0;cursor:pointer;font:inherit;font-size:var(--wp--preset--font-size--sm);font-weight:700;color:var(--tj-text-muted);padding:.75rem 1rem;border-radius:calc(var(--tj-radius-lg) - .25rem);transition:background var(--tj-motion-fast),color var(--tj-motion-fast),box-shadow var(--tj-motion-fast)}
.tj-auth__tab:hover{color:var(--wp--preset--color--on-surface)}
.tj-auth__tab.is-active{background:var(--wp--preset--color--white);color:var(--wp--preset--color--primary);box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)}
.tj-auth__tab:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px}
.tj-auth__panel[hidden]{display:none}
.tj-auth__forms{min-inline-size:0}

/* --- 9.13 Responsive --------------------------------------------------- */
@media (max-width:1180px){
	.tj-account{grid-template-columns:260px minmax(0,1fr);gap:var(--wp--preset--spacing--40)}
}
@media (max-width:1024px){
	.tj-account-stats,
	.tj-account-actions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tj-account-welcome{padding:var(--wp--preset--spacing--50)}
	.tj-account-welcome__title{font-size:var(--wp--preset--font-size--xl)}
}
@media (max-width:880px){
	/* Grid → single column. الـ sidebar يصبح stack من 2 عناصر: user card + horizontal pills nav. */
	.tj-account{grid-template-columns:1fr;gap:var(--wp--preset--spacing--40)}
	.tj-account__sidebar{position:static;flex-direction:column;gap:.75rem}

	/* User card: condensed — padding أصغر، avatar أصغر، meta متوازنة */
	.tj-account-user{padding:1rem 1.125rem;gap:.75rem;border-radius:var(--tj-radius-md)}
	.tj-account-user__avatar-img{inline-size:44px;block-size:44px;border-width:2px}
	.tj-account-user__name{font-size:var(--wp--preset--font-size--sm)}
	.tj-account-user__hello,.tj-account-user__email{font-size:.75rem}

	/* Nav → horizontal scrollable pills (نمط Noon/Amazon Mobile).
	   الحاوية بـ overflow-x:auto + scroll-snap + scrollbar مخفي + fade hint على الحافة. */
	.tj-account-nav{
		padding:.375rem;
		overflow-x:auto;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
		-ms-overflow-style:none;
		scroll-snap-type:inline mandatory;
		position:relative;
		mask-image:linear-gradient(to right, transparent 0, #000 1rem, #000 calc(100% - 1rem), transparent 100%);
		-webkit-mask-image:linear-gradient(to right, transparent 0, #000 1rem, #000 calc(100% - 1rem), transparent 100%);
	}
	.tj-account-nav::-webkit-scrollbar{display:none}
	.tj-account-nav ul{
		flex-direction:row;
		flex-wrap:nowrap;
		gap:.25rem;
		min-inline-size:max-content;
		padding-inline:.25rem;
		align-items:stretch;
	}
	.tj-account-nav li{
		flex-shrink:0;
		scroll-snap-align:start;
		display:flex;
		align-items:stretch;
	}
	.tj-account-nav a{
		padding:.5rem .875rem;
		white-space:nowrap;
		gap:.5rem;
		font-size:var(--wp--preset--font-size--xs);
		block-size:2.5rem;
		box-sizing:border-box;
		line-height:1;
	}
	.tj-account-nav__chev{display:none}

	/* Active indicator: bottom-underline 2px بدل side-bar 3px (يناسب pills) */
	.tj-account-nav .is-active a::before,
	.tj-account-nav a[aria-current="page"]::before{
		inset:auto;
		inset-block-end:2px;
		inset-inline:.625rem;
		block-size:2px;
		inline-size:auto;
	}

	/* Logout: داخل نفس الـ scroll، لا separator dashed، لون يبقى مميز */
	.tj-account-nav__item--logout{
		margin-block-start:0;
		border-block-start:0;
		padding-block-start:0;
		padding-inline-start:0;
		border-inline-start:0;
	}
	.tj-account-nav .tj-account-nav__label{display:inline}

	/* Auth pages: single column على الجوال */
	.tj-auth--split,
	.tj-auth--single,
	.tj-auth--narrow,
	.tj-auth--tabs{grid-template-columns:1fr}
	.tj-auth--split .tj-auth__forms{grid-template-columns:1fr}
	.tj-auth__hero{min-block-size:auto;padding:var(--wp--preset--spacing--60);align-items:flex-start}
	.tj-auth__hero-title{font-size:var(--wp--preset--font-size--xl)}
	.tj-account__content > .addresses,
	.tj-account__content > .u-columns.col2-set.addresses{grid-template-columns:1fr}
}
@media (max-width:640px){
	/* Stats: تبقى 2 cols (compact — رقم + label فقط، تستفيد من المساحة الأفقية) */
	.tj-account-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}
	.tj-stat{padding:.875rem 1rem;gap:.5rem}
	.tj-stat__value{font-size:var(--wp--preset--font-size--lg)}
	.tj-stat__value--price{font-size:var(--wp--preset--font-size--base)}
	.tj-stat__label{font-size:.7rem}

	/* Actions: 1 col (نصوص طويلة في كل card) */
	.tj-account-actions__grid{grid-template-columns:1fr;gap:.625rem}

	/* Welcome banner: stack + button full-width + padding أصغر */
	.tj-account-welcome{flex-direction:column;align-items:stretch;text-align:start;padding:1.125rem 1.25rem;gap:.875rem}
	.tj-account-welcome__title{font-size:var(--wp--preset--font-size--lg)}
	.tj-account-welcome__subtitle{font-size:var(--wp--preset--font-size--xs)}
	.tj-account-welcome > .tj-btn{align-self:stretch;justify-content:center}

	/* Recent orders head: العنوان + رابط "عرض الكل" stacked */
	.tj-account-recent__head{align-items:flex-start;flex-direction:column;gap:.5rem}

	/* تصغير padding للسطوح البيضاء على الموبايل */
	.tj-account__content > form,
	.tj-account__content > .woocommerce-Address,
	.tj-account__content > .addresses > .woocommerce-Address,
	.tj-account__content .u-column1.woocommerce-Address,
	.tj-account__content .u-column2.woocommerce-Address{padding:var(--wp--preset--spacing--40)}

	/* responsive table → cards (الجدول المخصّص في dashboard) */
	.tj-account-recent__table thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
	.tj-account-recent__table,.tj-account-recent__table tbody,.tj-account-recent__table tr,.tj-account-recent__table td{display:block;inline-size:100%}
	.tj-account-recent__table tr{padding:.75rem 0;border-block-start:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 8%,transparent)}
	.tj-account-recent__table tbody tr:first-child{border-block-start:0}
	.tj-account-recent__table td{display:flex;justify-content:space-between;align-items:center;padding:.375rem 1rem;text-align:end;border:0}
	.tj-account-recent__table td::before{content:attr(data-label);font-weight:700;color:var(--tj-text-muted);font-size:var(--wp--preset--font-size--xs);text-transform:uppercase;letter-spacing:.05em;margin-inline-end:.75rem}
	.tj-account-recent__table td[data-label=""]{justify-content:flex-end}
	.tj-account-recent__table td[data-label=""]::before{content:""}

	/* responsive WC orders table → cards */
	.woocommerce-account .woocommerce-orders-table thead,
	.woocommerce-account .shop_table.shop_table_responsive thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
	.woocommerce-account .woocommerce-orders-table,
	.woocommerce-account .woocommerce-orders-table tbody,
	.woocommerce-account .woocommerce-orders-table tr,
	.woocommerce-account .woocommerce-orders-table td,
	.woocommerce-account .shop_table.shop_table_responsive,
	.woocommerce-account .shop_table.shop_table_responsive tbody,
	.woocommerce-account .shop_table.shop_table_responsive tr,
	.woocommerce-account .shop_table.shop_table_responsive td{display:block;inline-size:100%}
	.woocommerce-account .woocommerce-orders-table tr,
	.woocommerce-account .shop_table.shop_table_responsive tr{padding:.5rem 0;border-block-end:1px solid color-mix(in srgb,var(--wp--preset--color--on-surface) 10%,transparent)}
	.woocommerce-account .woocommerce-orders-table tbody tr:last-child,
	.woocommerce-account .shop_table.shop_table_responsive tbody tr:last-child{border-block-end:0}
	.woocommerce-account .woocommerce-orders-table td,
	.woocommerce-account .shop_table.shop_table_responsive td{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;text-align:end;border:0}
	.woocommerce-account .woocommerce-orders-table td::before,
	.woocommerce-account .shop_table.shop_table_responsive td::before{content:attr(data-title) ":";font-weight:700;color:var(--tj-text-muted);font-size:var(--wp--preset--font-size--xs);text-transform:uppercase;letter-spacing:.05em}
	.woocommerce-account .woocommerce-orders-table td[data-title=""]::before{content:""}
	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{justify-content:flex-end;flex-wrap:wrap;gap:.375rem}
}

/* ============ 11. Custom Server-Rendered Blocks ======================== */
/* TajStore — Featured Products (محصّن ضد تغييرات WC schema) */

.tj-featured-products{
	display:block;
	inline-size:100%;
	margin-block:0;
}
.tj-featured-products__head{
	display:flex;align-items:flex-end;justify-content:space-between;
	flex-wrap:wrap;gap:var(--wp--preset--spacing--40);
	margin-block-end:var(--wp--preset--spacing--60);
}
.tj-featured-products__head-text{display:flex;flex-direction:column;gap:.25rem}
.tj-featured-products__eyebrow{
	display:inline-block;
	color:var(--wp--preset--color--primary);
	font-size:var(--wp--preset--font-size--xs);
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.tj-featured-products--accent-danger .tj-featured-products__eyebrow{color:var(--wp--preset--color--danger)}
.tj-featured-products--accent-accent .tj-featured-products__eyebrow{color:var(--wp--preset--color--accent)}
.tj-featured-products__title{
	font-size:var(--wp--preset--font-size--2xl);
	font-weight:800;
	line-height:1.2;
	margin:0;
	letter-spacing:-.02em;
}
.tj-featured-products__view-all{
	font-size:var(--wp--preset--font-size--sm);
	font-weight:700;
	color:var(--wp--preset--color--primary);
	text-decoration:none;
	transition:gap var(--tj-motion-fast);
}
.tj-featured-products__view-all:hover{text-decoration:underline}

/* الشبكة */
.tj-featured-products__grid{
	display:grid;
	grid-template-columns:repeat(var(--tj-cols,4),minmax(0,1fr));
	gap:var(--wp--preset--spacing--50);
	list-style:none;
	margin:0;padding:0;
}
.tj-featured-products--cols-1 .tj-featured-products__grid{--tj-cols:1}
.tj-featured-products--cols-2 .tj-featured-products__grid{--tj-cols:2}
.tj-featured-products--cols-3 .tj-featured-products__grid{--tj-cols:3}
.tj-featured-products--cols-4 .tj-featured-products__grid{--tj-cols:4}
.tj-featured-products--cols-5 .tj-featured-products__grid{--tj-cols:5}
.tj-featured-products--cols-6 .tj-featured-products__grid{--tj-cols:6}

/* بطاقة المنتج */
.tj-featured-products .tj-product-card{
	position:relative;
	display:flex;flex-direction:column;
	background:var(--wp--preset--color--white);
	border:var(--tj-border-subtle);
	border-radius:var(--tj-radius-lg);
	overflow:hidden;
	transition:transform var(--tj-motion-base),box-shadow var(--tj-motion-base),border-color var(--tj-motion-base);
}
.tj-featured-products .tj-product-card:hover{
	transform:translateY(-3px);
	box-shadow:0 14px 30px -12px rgba(0,0,0,.15);
	border-color:color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent);
}
.tj-featured-products .tj-product-card__media{
	display:block;
	position:relative;
	aspect-ratio:1/1;
	background:linear-gradient(135deg,var(--wp--preset--color--surface) 0%,#fff 100%);
	overflow:hidden;
}
.tj-featured-products .tj-product-card__media img,
.tj-featured-products .tj-product-card__img{
	display:block;
	inline-size:100% !important;
	block-size:100% !important;
	object-fit:cover;
	transition:transform .4s ease;
}
.tj-featured-products .tj-product-card:hover .tj-product-card__img{transform:scale(1.05)}

/* Badge */
.tj-featured-products .tj-badge{
	position:absolute;
	inset-block-start:.75rem;
	inset-inline-start:.75rem;
	padding:.25rem .625rem;
	border-radius:var(--tj-radius-pill);
	font-size:var(--wp--preset--font-size--xs);
	font-weight:800;
	letter-spacing:.02em;
	z-index:2;
}
.tj-featured-products .tj-badge--sale{background:var(--wp--preset--color--danger);color:#fff}
.tj-featured-products .tj-badge--new{background:var(--wp--preset--color--success);color:#fff}

.tj-featured-products .tj-product-card__body{
	display:flex;flex-direction:column;
	padding:1rem 1.125rem 1.125rem;
	gap:.5rem;
	flex:1 1 auto;
}
.tj-featured-products .tj-product-card__title{
	font-size:var(--wp--preset--font-size--base);
	font-weight:600;
	line-height:1.4;
	margin:0;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-block-size:2.6em;
}
.tj-featured-products .tj-product-card__title a{
	color:var(--wp--preset--color--on-surface);
	text-decoration:none;
	transition:color var(--tj-motion-fast);
}
.tj-featured-products .tj-product-card__title a:hover{color:var(--wp--preset--color--primary)}

.tj-featured-products .tj-product-card__rating{font-size:.875rem;color:var(--wp--preset--color--accent)}
.tj-featured-products .tj-product-card__rating .star-rating{font-size:.875em}

.tj-featured-products .tj-product-card__price{
	font-size:1.0625rem;
	font-weight:700;
	color:var(--wp--preset--color--primary);
	line-height:1.3;
}
.tj-featured-products .tj-product-card__price del{color:var(--tj-text-muted);font-weight:500;margin-inline-end:.5rem;font-size:.875em}
.tj-featured-products .tj-product-card__price ins{text-decoration:none;font-weight:700}

.tj-featured-products .tj-product-card__btn{
	margin-block-start:auto;
}
/* بعد Ajax add-to-cart: نخفي رابط "عرض السلة" المُحقَن
   لمنع كسر تناسق ارتفاع الكروت داخل الـ grid.
   التغذية الراجعة عبر نبضة أيقونة السلة + علامة ✓ على الزرّ. */
.tj-product-card .added_to_cart{display:none !important}
.tj-product-card__btn.added::before{content:"✓";margin-inline-end:.4em;font-weight:700}

/* Responsive — يطابق نظام الصفحة الرئيسية الموجود */
@media (max-width:1024px){
	.tj-featured-products--cols-4 .tj-featured-products__grid,
	.tj-featured-products--cols-5 .tj-featured-products__grid,
	.tj-featured-products--cols-6 .tj-featured-products__grid{--tj-cols:3}
}
@media (max-width:768px){
	.tj-featured-products--cols-3 .tj-featured-products__grid,
	.tj-featured-products--cols-4 .tj-featured-products__grid,
	.tj-featured-products--cols-5 .tj-featured-products__grid,
	.tj-featured-products--cols-6 .tj-featured-products__grid{--tj-cols:2}
	.tj-featured-products__grid{gap:var(--wp--preset--spacing--40)}
	.tj-featured-products__head{margin-block-end:var(--wp--preset--spacing--50)}
}
@media (max-width:480px){
	.tj-featured-products__grid{gap:var(--wp--preset--spacing--30)}
	.tj-featured-products__title{font-size:var(--wp--preset--font-size--xl)}
}

/* Empty state */
.tj-featured-products__empty{
	padding:var(--wp--preset--spacing--60);
	background:var(--wp--preset--color--surface);
	border:1px dashed color-mix(in srgb,var(--wp--preset--color--on-surface) 18%,transparent);
	border-radius:var(--tj-radius-lg);
	text-align:center;
	color:var(--tj-text-muted);
}