/*
Theme Name: Tayea Leather Rugs (WooCommerce)
Theme URI: https://tayea.example.com
Author: Tayea
Description: RTL Arabic WooCommerce theme for natural leather rugs. Vibrant espresso + gold palette, Cairo font, 6-step journey: Home > Categories > Subcategories > Product listing > Product detail > Cart/Checkout. Products, categories, cart and COD checkout are all managed by WooCommerce.
Version: 5.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: tayea
Tags: rtl-language-support, woocommerce, e-commerce, custom-colors, one-column, block-styles
*/

:root{
  --radius:.5rem;
  --background:oklch(0.972 0.0095 84);
  --foreground:oklch(0.22 0.024 55);
  --card:oklch(0.985 0.007 84);
  --primary:oklch(0.775 0.132 78);
  --primary-foreground:oklch(0.18 0.024 50);
  --secondary:oklch(0.93 0.017 80);
  --muted-foreground:oklch(0.5 0.024 60);
  --border:oklch(0.88 0.018 80);
  --espresso:oklch(0.195 0.021 48);
  --espresso-foreground:oklch(0.95 0.015 84);
  --gradient-gold:linear-gradient(135deg,oklch(0.86 0.108 84),oklch(0.715 0.132 74));
  --shadow-warm:0 24px 60px -30px oklch(0.195 0.021 48 / .45);
  --shadow-card:0 10px 30px -20px oklch(0.195 0.021 48 / .5);
}
*{box-sizing:border-box}
body{margin:0;background:var(--background);color:var(--foreground);font-family:"Cairo",system-ui,sans-serif;font-size:15px;line-height:1.8}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:800;letter-spacing:-.01em;margin:0}
h1{font-size:1.9rem}h2{font-size:1.25rem}h3{font-size:1rem}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.dark-band{background:var(--espresso);color:var(--espresso-foreground)}
.gold-text{background-image:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-block;border-radius:999px;padding:12px 26px;font-weight:800;font-size:.85rem;border:0;cursor:pointer}
.btn-gold{background-image:var(--gradient-gold);color:var(--primary-foreground)}
.btn-outline{border:2px solid var(--primary);background:transparent;color:inherit}
.btn-ghost{border:1px solid var(--border);background:transparent;color:inherit}
.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}
.muted{color:var(--muted-foreground)}
.small{font-size:.78rem}
.step{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--primary)}
.grid{display:grid;gap:16px}
.crumbs{font-size:.75rem;color:var(--muted-foreground);padding-top:20px}
.crumbs a{font-weight:700}
.pill{border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:.75rem;font-weight:700;background:var(--card)}
.pill.active{background-image:var(--gradient-gold);color:var(--primary-foreground);border-color:transparent}
.section{padding:32px 0}
.badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background-image:var(--gradient-gold);color:var(--primary-foreground);font-size:10px;font-weight:900;padding:0 6px}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--espresso);color:var(--espresso-foreground)}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.logo{font-size:1.6rem;font-weight:900}
.logo small{font-size:10px;letter-spacing:.35em;color:var(--primary);opacity:.75;margin-inline-start:6px}
.nav-desk{display:none;gap:18px;font-size:.85rem;font-weight:700}
.nav-mob{display:flex;gap:16px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.1);padding:8px 16px;font-size:.78rem;font-weight:700}
.nav-mob a{flex:0 0 auto;opacity:.85}
.hdr-actions{display:flex;gap:8px;align-items:center}
.cart-link{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 14px;font-size:.75rem;font-weight:800}

/* hero */
.hero{padding:44px 0 52px}
.hero h1{font-size:2.1rem;line-height:1.35}
.hero p{opacity:.8;max-width:38ch}
.hero-img{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-warm);margin-top:24px}
.steps{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:26px}
.steps div{background:rgba(255,255,255,.06);border-radius:14px;padding:12px}
.price{font-weight:900;font-size:1.4rem}
.old{color:var(--muted-foreground);text-decoration:line-through;font-size:.85rem}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--secondary);border-radius:16px;padding:18px;margin-top:22px;font-size:.85rem}
.thumbs{display:flex;gap:10px;margin-top:12px}
.thumbs button{width:72px;height:72px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:none;padding:0;cursor:pointer}
.thumbs button.active{border-color:var(--primary)}
.field{display:block;margin-bottom:12px}
.field span{display:block;font-size:.75rem;font-weight:700;margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--card);font-family:inherit;font-size:.9rem}
.site-footer{margin-top:56px;background:var(--espresso);color:var(--espresso-foreground)}
.site-footer h3{color:var(--primary);margin-bottom:10px;font-size:.9rem}
.site-footer ul{list-style:none;padding:0;margin:0;opacity:.78;font-size:.85rem;display:grid;gap:8px}
.cart-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.cart-row img{width:72px;height:72px;object-fit:cover;border-radius:12px}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:30px;height:30px;border-radius:999px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-weight:900}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0}
.hidden{display:none!important}
@media(min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){
  h1{font-size:2.4rem}.hero h1{font-size:3rem}
  .nav-desk{display:flex}.nav-mob{display:none}
  .grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
  .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
  .product-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
  .steps{grid-template-columns:repeat(4,1fr)}
}

/* ---------- WooCommerce ---------- */
.woocommerce-page-wrap{padding-top:24px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;background:var(--secondary);border-inline-start:4px solid var(--primary);border-radius:12px;padding:14px 18px;margin:0 0 18px;font-size:.85rem}
.woocommerce-error{border-color:#c0392b}
.woocommerce ul.products,ul.products{display:grid;gap:18px;grid-template-columns:1fr;list-style:none;padding:0;margin:22px 0}
@media(min-width:640px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr)}}
ul.products li.product{background:var(--card);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden;padding:0 0 16px;text-align:start}
ul.products li.product a img{border-radius:0;margin:0}
ul.products li.product .woocommerce-loop-product__title{font-size:1.05rem;font-weight:800;padding:14px 16px 0;margin:0}
ul.products li.product .price{display:block;padding:6px 16px 0;font-size:1.05rem}
ul.products li.product .button{margin:12px 16px 0;display:inline-block;border-radius:999px;padding:10px 22px;font-weight:800;font-size:.8rem;background-image:var(--gradient-gold);color:var(--primary-foreground);border:0}
.woocommerce-ordering select,.woocommerce-ordering{font-family:inherit}
.woocommerce-ordering select{border-radius:999px;border:1px solid var(--border);background:var(--card);padding:8px 14px;font-size:.78rem;font-weight:700}
.woocommerce-result-count{font-size:.78rem;color:var(--muted-foreground);margin:0}
.woocommerce-pagination ul{display:flex;gap:8px;list-style:none;padding:0;margin:0}
.woocommerce-pagination a,.woocommerce-pagination span{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:700;background:var(--card)}
.woocommerce-pagination span.current{background-image:var(--gradient-gold);color:var(--primary-foreground);border-color:transparent}
.woocommerce div.product form.cart{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0}
.woocommerce div.product form.cart .quantity input{width:74px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--card);font-family:inherit;text-align:center}
.woocommerce div.product form.cart button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:999px;padding:12px 26px;font-weight:800;font-size:.85rem;border:0;cursor:pointer;background-image:var(--gradient-gold);color:var(--primary-foreground);font-family:inherit}
.woocommerce a.button.alt,.woocommerce button.button.alt{background-image:var(--gradient-gold);color:var(--primary-foreground)}
.woocommerce table.shop_table{width:100%;border-collapse:collapse;background:var(--card);border-radius:16px;overflow:hidden;font-size:.85rem}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:12px;border-bottom:1px solid var(--border);text-align:start}
.woocommerce table.cart img{width:70px;border-radius:12px}
.woocommerce form .form-row{margin-bottom:14px;display:block}
.woocommerce form .form-row label{display:block;font-size:.75rem;font-weight:700;margin-bottom:6px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection--single{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--card);font-family:inherit;font-size:.9rem;height:auto}
.woocommerce .col2-set{display:grid;gap:24px}
@media(min-width:900px){.woocommerce .col2-set{grid-template-columns:1fr 1fr}}
#order_review,.cart_totals,.woocommerce-checkout-review-order{background:var(--secondary);border-radius:16px;padding:18px;font-size:.88rem}
#payment ul.payment_methods{list-style:none;padding:0;margin:0 0 14px}
#payment ul.payment_methods li{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px;font-size:.85rem;font-weight:700}
.woocommerce div.product .woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 16px;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:700;background:var(--card)}
.woocommerce .woocommerce-product-gallery{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}
.woocommerce .woocommerce-product-gallery ol.flex-control-thumbs{display:flex;gap:10px;list-style:none;padding:10px 0 0;margin:0}
.woocommerce .woocommerce-product-gallery ol.flex-control-thumbs li{width:72px}
.woocommerce .woocommerce-product-gallery ol.flex-control-thumbs img{border-radius:12px;cursor:pointer}
.woocommerce .star-rating{color:var(--primary)}
.woocommerce .related > h2,.woocommerce .upsells > h2{font-size:1.25rem;margin-bottom:12px}

/* ---------- v3.1 mobile + layout fixes ---------- */
.wrap{width:100%}
.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
ul.products li.product{width:100%!important;max-width:none!important;float:none!important;margin:0!important;clear:none!important}
ul.products li.product.first,ul.products li.product.last{clear:none!important;margin:0!important}
ul.products li.product,.card{min-width:0;display:flex;flex-direction:column}
ul.products li.product a img,.card img{width:100%!important;height:auto!important;aspect-ratio:3/4;object-fit:cover;display:block;max-width:none}
ul.products li.product a{display:block}
ul.products li.product .woocommerce-loop-product__title,.card h3,.card p{overflow-wrap:anywhere}
ul.products li.product .price,.card .price{white-space:normal;line-height:1.5}
ul.products li.product .price del,.card .price del{opacity:.6;font-size:.8em}
ul.products li.product .price ins{text-decoration:none}
@media(max-width:420px){
  body{font-size:14px}
  h1,.hero h1{font-size:1.6rem}
  .btn{padding:11px 18px;font-size:.8rem}
  ul.products li.product .woocommerce-loop-product__title{font-size:1rem;padding:12px 14px 0}
  ul.products li.product .price{padding:4px 14px 0;font-size:1rem}
  ul.products li.product .button{margin:10px 14px 0;padding:10px 18px;font-size:.78rem}
  .card>div{padding:12px!important}
  .thumbs button{width:56px;height:56px}
  .specs{grid-template-columns:1fr}
}
.woocommerce table.shop_table,.woocommerce-cart-form{display:block;overflow-x:auto}
.hero-img img{aspect-ratio:auto;width:100%;height:auto;object-fit:contain;display:block}
.toolbar{gap:10px}
.toolbar form,.woocommerce-ordering{margin:0}
img{max-width:100%}

/* v3.7.0 — larger product photos, override WooCommerce defaults */
.woocommerce ul.products li.product img,ul.products li.product img{width:100%!important;height:auto!important;aspect-ratio:3/4;object-fit:cover;max-width:none!important}
.woocommerce ul.products li.product{width:100%!important;max-width:none!important;float:none!important;margin:0!important}
@media(max-width:640px){.woocommerce ul.products,ul.products{grid-template-columns:1fr!important;gap:20px}}
.hero-img img{aspect-ratio:auto!important;width:100%;height:auto;object-fit:contain}

/* v3.7.0 — bigger product photos on category/shop pages */
.woocommerce ul.products,ul.products{gap:24px!important}
@media(min-width:640px) and (max-width:1199px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1200px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.woocommerce ul.products li.product a img,ul.products li.product a img,.woocommerce ul.products li.product img,ul.products li.product img{aspect-ratio:4/5!important;width:100%!important;height:auto!important;object-fit:cover!important;max-width:none!important}
@media(max-width:639px){.woocommerce ul.products,ul.products{grid-template-columns:1fr!important}.woocommerce ul.products li.product img,ul.products li.product img{aspect-ratio:1/1!important}}

/* v3.8.0 — full hero image + truly large, uncropped WooCommerce photos */
.home-hero{position:relative;min-height:min(760px,78vh);display:flex;align-items:flex-end;overflow:hidden}
.home-hero-image{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center;max-width:none}
.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,15,10,.12),rgba(28,15,10,.82))}
.home-hero-content{position:relative;z-index:1;width:100%;padding-top:96px;padding-bottom:72px}
.home-hero-copy{max-width:560px;margin-inline-start:auto;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.home-hero .steps div{background:rgba(28,15,10,.64);backdrop-filter:blur(4px)}
.woocommerce ul.products,ul.products{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
.woocommerce ul.products li.product a:first-child{display:flex;flex-direction:column}
.woocommerce ul.products li.product a img,ul.products li.product a img,.woocommerce ul.products li.product img,ul.products li.product img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;background:var(--secondary)}
@media(min-width:760px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:639px){.home-hero{min-height:660px;align-items:flex-end}.home-hero-image{object-position:center top}.home-hero-shade{background:linear-gradient(180deg,rgba(28,15,10,.08) 25%,rgba(28,15,10,.92) 78%)}.home-hero-content{padding-top:280px;padding-bottom:40px}.home-hero-copy{max-width:none}.woocommerce ul.products li.product a img,ul.products li.product a img,.woocommerce ul.products li.product img,ul.products li.product img{aspect-ratio:auto!important;object-fit:contain!important}}

/* v3.9.0 — banner is driven by the Customizer (Appearance → Customize → بانر الصفحة الرئيسية) */
.home-hero{--banner-h:620px;position:relative;min-height:var(--banner-h);display:flex;align-items:flex-end;overflow:hidden;background:#1c0f0a}
.home-hero-image{position:absolute;inset:0;width:100%!important;height:100%!important;object-position:center;max-width:none}
.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,15,10,.10),rgba(28,15,10,.78))}
.home-hero-content{position:relative;z-index:1;width:100%;padding-top:80px;padding-bottom:56px}
@media(max-width:639px){
  .home-hero{min-height:calc(var(--banner-h) * .82)}
  .home-hero-shade{background:linear-gradient(180deg,rgba(28,15,10,.06) 20%,rgba(28,15,10,.90) 76%)}
  .home-hero-content{padding-top:200px;padding-bottom:32px}
}

/* v4.5.0 — fixed product photo box: tall photos no longer stretch cards (phone + desktop) */
.woocommerce ul.products li.product a img,
ul.products li.product a img,
.woocommerce ul.products li.product img,
ul.products li.product img,
.card > a img{
  width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;
  aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;
  background:var(--secondary);
}

/* ---------- v4.6.0 — best sellers, new arrivals, reviews, location, size filter, WhatsApp ---------- */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.sec-actions{display:flex;align-items:center;gap:10px}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 18px;scrollbar-width:thin;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{height:6px}.rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}
.rail-item{scroll-snap-align:start;min-width:0}
@media(min-width:640px){.rail{grid-auto-columns:calc((100% - 32px)/2.4)}}
@media(min-width:900px){.rail{grid-auto-columns:calc((100% - 48px)/4)}}
.rail-nav{display:flex;gap:8px}
.rail-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--foreground);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,opacity .2s}
.rail-btn:hover:not(:disabled){background-image:var(--gradient-gold);border-color:transparent;color:var(--primary-foreground)}
.rail-btn:disabled{opacity:.35;cursor:default}
.rail-static .rail-nav{display:none}
@media(max-width:639px){.rail-nav{display:none}}
.card-media{position:relative;display:block}
.card-badge{position:absolute;top:12px;inset-inline-start:12px;z-index:1;background-image:var(--gradient-gold);color:var(--primary-foreground);font-size:.7rem;font-weight:900;padding:4px 12px;border-radius:999px;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.card .btn-ghost.small{padding:10px 18px}

/* size chips on product cards */
.size-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
ul.products li.product .size-chips{padding:0 16px}
.size-chips span{font-size:.7rem;font-weight:800;border:1px solid var(--border);border-radius:8px;padding:2px 8px;background:var(--background);direction:ltr}

/* size filter on category pages */
.size-filter{display:flex;align-items:center;gap:12px;margin:14px 0 6px;padding:12px 14px;background:var(--card);border-radius:16px;box-shadow:var(--shadow-card)}
.size-filter-label{font-size:.8rem;font-weight:900;white-space:nowrap}
.size-filter-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.size-filter-pills::-webkit-scrollbar{display:none}
.size-filter .pill{flex:0 0 auto;transition:background .2s,border-color .2s}
.size-filter .pill:hover{border-color:var(--primary)}
.size-filter .pill small{opacity:.6;font-weight:700;margin-inline-start:4px}
.size-filter .pill.active small{opacity:.8}

/* size buttons on the product page */
.woocommerce div.product form.cart.variations_form{display:block}
.woocommerce div.product form.cart table.variations{width:100%;border:0;margin:0 0 14px}
.woocommerce div.product form.cart table.variations th,.woocommerce div.product form.cart table.variations td{display:block;padding:0;text-align:start;border:0}
.woocommerce div.product form.cart table.variations th label{font-size:.85rem;font-weight:900}
.tayea-hidden-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.tayea-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 6px}
.swatch{font-family:inherit;font-size:.9rem;font-weight:800;min-width:96px;padding:10px 16px;border-radius:12px;border:2px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;direction:ltr;transition:border-color .15s,background .15s}
.swatch:hover:not(:disabled){border-color:var(--primary)}
.swatch.active{border-color:transparent;background-image:var(--gradient-gold);color:var(--primary-foreground)}
.swatch:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.woocommerce div.product form.cart .reset_variations{font-size:.75rem;font-weight:700;color:var(--muted-foreground)}
.woocommerce div.product .woocommerce-variation-price .price{font-size:1.4rem;margin:6px 0}
.woocommerce div.product .woocommerce-variation-add-to-cart{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* reviews */
.rating-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0;font-size:.85rem}
.stars{display:inline-flex;gap:1px;font-size:1rem;line-height:1;letter-spacing:0}
.stars .on{color:oklch(0.775 0.132 78)}.stars .off{color:var(--border)}
.review-card{margin:0;padding:22px;gap:12px;justify-content:space-between}
.review-card blockquote{margin:0;font-size:.92rem;line-height:1.9;flex:1}
.review-card figcaption{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;line-height:1.6;border-top:1px solid var(--border);padding-top:12px}
.review-avatar{flex:0 0 38px;height:38px;border-radius:999px;background:var(--espresso);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.verified{font-size:.68rem;font-weight:800;color:oklch(0.5 0.12 150)}

/* location */
.location-card{display:grid;grid-template-columns:minmax(0,1fr)}
.location-info{padding:26px}
.location-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px;font-size:.88rem;line-height:1.7}
.location-list li{display:flex;gap:12px;align-items:flex-start}
.loc-ico{flex:0 0 38px;height:38px;border-radius:12px;background:var(--secondary);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}
.location-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.location-map{min-height:300px;background:var(--secondary)}
.location-map iframe{display:block;width:100%;height:100%;min-height:300px;border:0}
@media(min-width:900px){.location-card{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.location-map,.location-map iframe{min-height:420px}}

/* floating WhatsApp */
.wa-float{position:fixed;left:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;gap:0;height:58px;min-width:58px;padding:0 14px;border-radius:999px;background:#25d366;color:#fff;box-shadow:0 12px 30px -10px rgba(0,0,0,.45),0 0 0 0 rgba(37,211,102,.5);transition:transform .2s,box-shadow .2s;animation:waPulse 2.6s ease-out 1.5s 3}
.wa-float:hover{transform:translateY(-2px);background:#1ebe5b}
.wa-float:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.wa-float-label{max-width:0;overflow:hidden;white-space:nowrap;font-weight:800;font-size:.85rem;transition:max-width .3s,margin .3s}
.wa-float:hover .wa-float-label,.wa-float:focus-visible .wa-float-label{max-width:140px;margin-inline-start:8px}
@media(min-width:900px){.wa-float-label{max-width:140px;margin-inline-start:8px}.wa-float{padding:0 20px 0 16px}}
@keyframes waPulse{0%{box-shadow:0 12px 30px -10px rgba(0,0,0,.45),0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 12px 30px -10px rgba(0,0,0,.45),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 12px 30px -10px rgba(0,0,0,.45),0 0 0 0 rgba(37,211,102,0)}}
@media(prefers-reduced-motion:reduce){.wa-float{animation:none;transition:none}.wa-float-label{transition:none}}
.admin-hint{border:2px dashed var(--border);box-shadow:none}

/* v4.6.0 — photo-only banner: just the uploaded photo + the two buttons */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.home-hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.home-hero--photo .home-hero-shade{background:linear-gradient(180deg,rgba(28,15,10,0) 55%,rgba(28,15,10,.55) 100%)}
.home-hero--photo .home-hero-content{padding-top:0;padding-bottom:40px}
.home-hero--photo .home-hero-copy{max-width:none;margin:0;text-shadow:none}
.home-hero--photo .home-hero-btns{justify-content:center;margin-top:0}
.home-hero--photo .btn-ghost{background:rgba(28,15,10,.45);border-color:rgba(255,255,255,.45);color:#fff!important;backdrop-filter:blur(6px)}
.home-hero--photo .btn{padding:14px 30px;font-size:.9rem;box-shadow:0 10px 26px -12px rgba(0,0,0,.6)}
@media(max-width:639px){.home-hero--photo .home-hero-content{padding-top:0;padding-bottom:26px}.home-hero--photo .home-hero-btns .btn{flex:1 1 0;text-align:center;padding:13px 12px}}

/* =========================================================
   v4.6.0 — polish pass (same colors/fonts/layout, tidier details)
   ========================================================= */
::selection{background:oklch(0.86 0.108 84 / .45)}
body{line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.no-scroll{overflow:hidden}
.wrap{max-width:1180px;padding-inline:20px}
h1,h2,h3{text-wrap:balance;line-height:1.35}
h2{font-size:1.4rem}
.muted{color:oklch(0.47 0.024 60)}
.section{padding:40px 0}
@media(min-width:900px){.section{padding:56px 0}h2{font-size:1.65rem}}
.step{letter-spacing:.14em}
.crumbs{padding-top:24px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs span{opacity:.5}
.crumbs a:hover{color:var(--foreground)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;line-height:1.2;text-align:center;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease,background-color .18s ease}
.btn-gold:hover{filter:brightness(1.05);box-shadow:0 10px 22px -12px oklch(0.6 0.13 74 / .8);transform:translateY(-1px)}
.btn-ghost:hover,.btn-outline:hover{border-color:var(--primary)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.btn.small{min-height:40px}

/* cards */
.card{border:1px solid oklch(0.9 0.016 80);box-shadow:0 1px 2px oklch(0.195 0.021 48 / .04),0 12px 28px -22px oklch(0.195 0.021 48 / .45);border-radius:18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
a.card:hover,.rail-item .card:hover,ul.products li.product:hover{transform:translateY(-3px);border-color:oklch(0.84 0.05 80);box-shadow:0 1px 2px oklch(0.195 0.021 48 / .05),0 22px 40px -26px oklch(0.195 0.021 48 / .55)}
.card img,ul.products li.product img{transition:transform .5s ease}
a.card:hover img,.card-media:hover img,ul.products li.product:hover img{transform:scale(1.03)}
a.card,.card-media,ul.products li.product > a:first-child{overflow:hidden}
.card h3{font-size:1.05rem}
.card h3 a:hover{color:oklch(0.55 0.11 70)}
ul.products li.product{border:1px solid oklch(0.9 0.016 80);border-radius:18px;box-shadow:0 12px 28px -22px oklch(0.195 0.021 48 / .45);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
ul.products li.product .button{min-height:42px;display:inline-flex!important;align-items:center}
.review-card{border-radius:18px}
.location-card{border-radius:20px}

/* toolbar / filters */
.woocommerce-page-wrap .page-title{margin:6px 0 4px}
.toolbar{justify-content:space-between}
.pill{transition:border-color .18s,background-color .18s}
.pill:hover{border-color:var(--primary)}
.size-filter{border:1px solid oklch(0.9 0.016 80);box-shadow:none}

/* forms */
.field input:focus,.field textarea:focus,.field select:focus,.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px oklch(0.775 0.132 78 / .25)}

/* product page */
.product-grid{gap:48px}
.woocommerce .woocommerce-product-gallery{border-radius:20px}
.specs{border-radius:18px;gap:16px}

/* footer */
.site-footer{margin-top:72px}
.site-footer .grid{gap:32px}
.site-footer ul a{transition:color .18s}
.site-footer ul a:hover{color:var(--primary)}
.site-footer .wrap.small{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}

/* ---------- lighter header ---------- */
.site-header{top:0;transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;background:oklch(0.195 0.021 48 / .96);backdrop-filter:saturate(140%) blur(10px)}
.site-header.is-solid{box-shadow:0 10px 30px -22px rgba(0,0,0,.8)}
.site-header.is-overlay{position:fixed;inset-inline:0;background:linear-gradient(180deg,rgba(20,10,6,.55),rgba(20,10,6,0));backdrop-filter:none;box-shadow:none}
.site-header.is-overlay.is-solid,.site-header.is-overlay.menu-open{background:oklch(0.195 0.021 48 / .96);backdrop-filter:saturate(140%) blur(10px)}
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:600px){body.admin-bar .site-header:not(.is-solid){top:46px}body.admin-bar .site-header.is-solid{top:0}}
.hdr-row{padding:10px 0;min-height:64px}
.logo{font-size:1.5rem;line-height:1;display:inline-flex;align-items:baseline}
.nav-desk{gap:4px}
.nav-desk a{position:relative;padding:8px 10px;opacity:.82;transition:opacity .18s}
.nav-desk a:hover{opacity:1}
.nav-desk a::after{content:"";position:absolute;inset-inline:10px;bottom:2px;height:2px;border-radius:2px;background-image:var(--gradient-gold);transform:scaleX(0);transition:transform .25s ease}
.nav-desk a:hover::after{transform:scaleX(1)}
.hdr-actions{gap:10px}
.hdr-wa{display:none;font-size:.75rem;font-weight:800;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);transition:border-color .18s,background-color .18s}
.hdr-wa:hover{border-color:var(--primary);background:rgba(255,255,255,.06)}
.cart-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;transition:border-color .18s,background-color .18s}
.cart-link:hover{border-color:var(--primary);background:rgba(255,255,255,.06)}
.cart-text{display:none}
.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;cursor:pointer;padding:0}
.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s ease,opacity .2s ease}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mob{display:grid;gap:0;overflow:visible;border-top:1px solid rgba(255,255,255,.1);padding:6px 20px 20px;font-size:1rem;max-height:calc(100vh - 64px);overflow-y:auto}
.nav-mob[hidden]{display:none!important}
.nav-mob a{opacity:.9;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-mob a.btn{margin-top:16px;border-bottom:0;opacity:1;color:var(--primary-foreground)}
@media(min-width:640px){.cart-text{display:inline}}
@media(min-width:900px){
  .menu-toggle{display:none}
  .nav-mob{display:none!important}
  .hdr-wa{display:inline-flex}
  .hdr-row{min-height:72px}
}
.skip-link:focus{position:fixed!important;top:8px;inset-inline-start:8px;width:auto;height:auto;clip:auto;clip-path:none;z-index:200;background:var(--card);color:var(--foreground);padding:10px 16px;border-radius:10px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}a.card:hover img,.card-media:hover img,ul.products li.product:hover img{transform:none}}

/* =========================================================
   v4.7.0 — trust bar, category cards, «كل القطع» tabs, footer, shop cards
   ========================================================= */
/* trust bar under the banner */
.trust-bar{background:var(--card);border-bottom:1px solid oklch(0.9 0.016 80)}
.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding-block:20px}
.trust-grid > div{display:flex;align-items:center;gap:12px;min-width:0}
.trust-grid b{display:block;font-size:.86rem;line-height:1.4}
.trust-grid small{display:block;font-size:.72rem;color:oklch(0.47 0.024 60);line-height:1.5}
.trust-ico{flex:0 0 44px;height:44px;border-radius:14px;background:var(--secondary);color:oklch(0.6 0.12 72);display:inline-flex;align-items:center;justify-content:center}
@media(min-width:900px){.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:24px}}

/* category cards: photo with the name on it */
.cat-grid{gap:18px}
.cat-card{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/5;max-width:100%;background:var(--espresso);box-shadow:0 14px 34px -24px oklch(0.195 0.021 48 / .7);isolation:isolate}
.cat-card img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:auto!important;transition:transform .6s ease}
.cat-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,6,0) 45%,rgba(20,10,6,.82) 100%);z-index:0}
.cat-card-body{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:20px 22px;color:#fff;display:grid;gap:2px}
.cat-card-body b{font-size:1.35rem;font-weight:900;line-height:1.3}
.cat-card-body small{font-size:.78rem;font-weight:700;opacity:.85}
.cat-card:hover img{transform:scale(1.05)}
.cat-card:hover .cat-card-body small{color:oklch(0.86 0.108 84);opacity:1}
@media(max-width:639px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat-card{aspect-ratio:3/4;border-radius:16px}.cat-card-body{padding:14px}.cat-card-body b{font-size:1.05rem}}

/* «كل القطع» + category pages: category tabs */
.cat-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px 0 4px;padding:2px 2px 6px}
.cat-tabs::-webkit-scrollbar{display:none}
.cat-tab{flex:0 0 auto;font-size:.85rem;font-weight:800;padding:9px 18px;border-radius:999px;border:1px solid oklch(0.88 0.018 80);background:var(--card);transition:border-color .18s,background-color .18s}
.cat-tab:hover{border-color:var(--primary)}
.cat-tab.active{background:var(--espresso);color:var(--espresso-foreground);border-color:transparent}

/* shop cards: equal heights, button always at the bottom */
ul.products li.product{padding-bottom:18px}
ul.products li.product .button{margin-top:auto!important;align-self:flex-start}
ul.products li.product > a:first-child{margin-bottom:10px}
ul.products li.product .woocommerce-loop-product__title{font-size:1.02rem}
ul.products li.product .onsale{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background-image:var(--gradient-gold);color:var(--primary-foreground);font-size:.7rem;font-weight:900;padding:4px 12px;border-radius:999px;min-height:0;min-width:0;line-height:1.6;margin:0}
ul.products li.product{position:relative}
.woocommerce-info{border-radius:14px}

/* footer: 4 columns on desktop */
.footer-grid{grid-template-columns:minmax(0,1fr)!important;gap:32px}
@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:900px){.footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))!important}}
/* =========================================================
   v4.8.0 — phone fixes (no sideways drag, WhatsApp always visible) + UX best practices
   ========================================================= */
/* 1) No horizontal drag on phones: fix the causes, then a safety net. */
.size-filter-pills{flex:1 1 auto;min-width:0}
.size-filter{max-width:100%;min-width:0}
.woocommerce ul.products::before,.woocommerce ul.products::after,ul.products::before,ul.products::after{content:none!important;display:none!important}
.toolbar > *,.sec-head > *,.hdr-row > *,.location-list li > span,.trust-grid > div > span{min-width:0}
main,section,.wrap,.site-header,.site-footer{max-width:100%}
.crumbs{overflow-wrap:anywhere}
.woocommerce div.product div.images,.woocommerce div.product div.summary{max-width:100%}
.woocommerce .woocommerce-product-gallery .flex-viewport{max-width:100%}
iframe,video,embed{max-width:100%}
html,body{overflow-x:clip}
@supports not (overflow:clip){body{overflow-x:hidden}}

/* 2) WhatsApp: floating button sits inside the phone's safe area; icon in the header on phones. */
.wa-float{left:16px;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:95}
@media(max-width:639px){.wa-float{height:54px;min-width:54px;padding:0 12px}}
body.has-buy-bar .wa-float{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
.hdr-wa{display:inline-flex;align-items:center;gap:6px}
.hdr-wa svg{flex:0 0 auto;color:#25d366}
@media(max-width:899px){
  .hdr-wa{width:42px;height:42px;padding:0;justify-content:center;border-radius:12px}
  .hdr-wa-text{display:none}
}

/* 3) Touch & readability best practices */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,.btn,.pill,.swatch,.cat-tab{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.price,.amount,.badge,.size-chips span,.swatch{font-variant-numeric:tabular-nums}
@media(max-width:899px){
  /* inputs at 16px so iPhone never zooms the page when typing */
  input,select,textarea,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection--single,.woocommerce div.product form.cart .quantity input{font-size:16px!important}
  /* comfortable tap targets (44px) */
  .pill,.size-filter .pill,.cat-tab{min-height:42px;display:inline-flex;align-items:center;padding-inline:16px}
  .swatch{min-height:48px;min-width:calc(50% - 5px);font-size:1rem}
  .woocommerce-ordering select{min-height:42px}
  .woocommerce-pagination a,.woocommerce-pagination span{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
  .crumbs{font-size:.8rem}
  .section{padding:32px 0}
  .sec-head{margin-bottom:14px}
  .sec-head .btn{min-height:40px}
  /* product page on phones: full-width order button */
  .woocommerce div.product form.cart .button,.woocommerce div.product .woocommerce-variation-add-to-cart .button{flex:1 1 auto;min-height:52px;font-size:1rem}
  .woocommerce div.product .product_title,.summary h1{font-size:1.5rem}
  /* checkout & cart: full-width primary buttons */
  .woocommerce #payment #place_order,.woocommerce .wc-proceed-to-checkout .checkout-button{display:block;width:100%;min-height:54px;font-size:1.05rem}
}
@media(max-width:420px){
  .wrap{padding-inline:16px}
  .size-filter{padding:10px 12px;gap:8px}
  .size-filter-label{font-size:.75rem}
}

/* Sticky "order" bar on the product page (phones only, appears after scrolling past the button) */
.buy-bar{position:fixed;inset-inline:0;bottom:0;z-index:94;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid oklch(0.88 0.018 80);box-shadow:0 -12px 30px -20px oklch(0.195 0.021 48 / .6);transform:translateY(110%);transition:transform .25s ease}
.buy-bar.show{transform:none}
.buy-bar-info{flex:1 1 auto;min-width:0;display:grid;line-height:1.35}
.buy-bar-info b{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buy-bar-price{font-weight:900;font-size:.95rem}
.buy-bar .btn{flex:0 0 auto;min-height:46px;padding-inline:18px}
@media(min-width:900px){.buy-bar{display:none}body.has-buy-bar .wa-float{bottom:16px}}

/* Clearer empty state + notices */
.woocommerce-info,.woocommerce-message{display:flex;align-items:center;gap:12px;flex-wrap:wrap;line-height:1.7}
.woocommerce-message .button,.woocommerce-info .button{margin-inline-start:auto}
.woocommerce-no-products-found .woocommerce-info{padding:22px;font-size:.92rem}
/* =========================================================
   v4.9.0 — home page sideways-drag fix
   Hidden accessibility labels (WooCommerce adds one per "add to cart" button) inside the
   scrolling product rows escaped the row and widened the page. Every row/card is now a
   containing block, and the whole page sits in a wrapper that can never be wider than the screen.
   ========================================================= */
.rail,.rail-item,.card,.card-media,.cat-tabs,.size-filter,.size-filter-pills,ul.products li.product,.trust-grid > div,.location-card,.woocommerce div.product form.cart table.variations td{position:relative}
.screen-reader-text:not(:focus){position:absolute!important;inset-inline-start:0;top:0;width:1px!important;height:1px!important;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.site-wrap{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow:clip){.site-wrap{overflow-x:clip}}
html,body{max-width:100%}
img,svg,video,iframe{max-width:100%}
/* v5.2.0 — sold-out label on cards (best sellers can show sold-out pieces) */
.card-badge--oos{inset-inline-start:auto;inset-inline-end:12px;background:var(--espresso);background-image:none;color:var(--espresso-foreground)}
.card.is-oos .card-media img{filter:grayscale(.35) opacity(.8)}