/* ==================================================
   SINGLE PRODUCT – LUXURY PREMIUM DESIGN (v4)
   CLEAN + FASTER + MORE PREMIUM (DEDUPED)
================================================== */

/* =============== Global Variables =============== */
:root{
  --brand-main:#7a1f1f;
  --brand-light:#b12b2b;

  --bg-soft:#f8f5ef;
  --bg-card:#ffffff;
  --bg-muted:#fafafa;

  --text-dark:#171717;
  --text-muted:rgba(0,0,0,.68);

  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:18px;

  --shadow-soft:0 34px 80px rgba(0,0,0,.08);
  --shadow-hover:0 46px 96px rgba(0,0,0,.12);

  --transition:.35s cubic-bezier(.2,.8,.2,1);
}

/* =============== Page Background + Container =============== */
.single-product .site-content{
  background:linear-gradient(180deg,var(--bg-soft),#fff);
}

.single-product .site-content .container,
.single-product .main-page-wrapper .container,
.single-product .wd-page-wrapper .container{
  max-width:1520px !important;
  padding-inline:15px;
}

/* =============== Product Card + Gallery =============== */
.single-product .product{
  background:var(--bg-card);
  padding:34px;
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-soft), inset 0 0 0 1px rgba(0,0,0,.04);
  animation:fadeCard .45s ease-out;
  contain: content;
}

.single-product .woocommerce-product-gallery{
  border-radius:26px;
  overflow:hidden;
  background:#f7f4ef;
  box-shadow:0 26px 62px rgba(0,0,0,.14);
  transition:var(--transition);
  position:relative;
  will-change:transform;
}

.single-product .woocommerce-product-gallery::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:26px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
  pointer-events:none;
}

.single-product .woocommerce-product-gallery:hover{
  transform:translateY(-2px);
}

/* =============== Title + Price =============== */
.single-product .product_title{
  font-size:clamp(22px, 2.2vw, 34px);
  font-weight:900;
  letter-spacing:-.4px;
  line-height:1.28;
  margin-bottom:14px;
  color:var(--text-dark);
}

.single-product .price{
  font-size:clamp(20px, 1.9vw, 28px);
  font-weight:900;
  color:var(--brand-main);
  margin-bottom:18px;
}

/* =============== Cart Box + Buttons =============== */
.single-product form.cart{
  background:linear-gradient(180deg,#fff7ef,#faf1e6);
  padding:24px;
  border-radius:var(--radius-lg);
  border:1px solid rgba(122,31,31,.15);
  display:flex;
  flex-direction:column;
  gap:14px;
  position:relative;
}

/* Variations highlight */
.single-product .variations{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(122,31,31,.14);
  border-radius:16px;
  padding:12px;
  margin-bottom:6px;
}

.single-product .variations label{
  font-weight:900;
  color:var(--text-dark);
}

.single-product .variations label::after{
  content:" (اختيار مطلوب)";
  color:rgba(122,31,31,.9);
  font-weight:900;
  font-size:12px;
}

.single-product .variations select{
  width:100%;
  border-radius:14px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
}

/* Main CTA buttons */
.single-product .single_add_to_cart_button,
.single-product .wd-buy-now-btn{
  width:100%;
  padding:18px 26px;
  color:#fff;
  background:linear-gradient(135deg,var(--brand-main),var(--brand-light));
  font-size:21px;
  font-weight:900;
  border-radius:var(--radius-md);
  border:none;
  box-shadow:0 16px 38px rgba(122,31,31,.32);
  transition:var(--transition);
  position:relative;
  overflow:hidden;
  will-change:transform;
}

/* Shine */
.single-product .single_add_to_cart_button::after,
.single-product .wd-buy-now-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
  transform:translateX(-120%);
}

.single-product .single_add_to_cart_button:hover::after,
.single-product .wd-buy-now-btn:hover::after{
  transform:translateX(120%);
  transition:.85s ease;
}

.single-product .single_add_to_cart_button:hover,
.single-product .wd-buy-now-btn:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-hover);
}

.single-product .single_add_to_cart_button:active,
.single-product .wd-buy-now-btn:active{
  transform:translateY(-1px) scale(.99);
}

/* Disabled */
.single-product .single_add_to_cart_button:disabled,
.single-product .wd-buy-now-btn:disabled,
.single-product .single_add_to_cart_button.disabled,
.single-product .wd-buy-now-btn.disabled{
  opacity:.55;
  filter:grayscale(.15);
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}

/* Trust bar */
.single-product form.cart::after{
  content:"توصيل سريع داخل أبوظبي • دفع آمن • استرجاع سهل";
  display:block;
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px dashed rgba(0,0,0,.14);
  color:var(--text-muted);
  font-size:13px;
  line-height:1.6;
}

/* =============== Short Description =============== */
.single-product .woocommerce-product-details__short-description{
  background:#fff;
  padding:24px;
  border-radius:22px;
  font-size:15px;
  line-height:1.95;
  color:var(--text-muted);
  font-weight:600;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06), 0 16px 36px rgba(0,0,0,.06);
  margin-bottom:28px;
}

/* =============== Tabs =============== */
.single-product .woocommerce-tabs{
  background:#fff;
  padding:26px;
  border-radius:26px;
  box-shadow:0 30px 78px rgba(0,0,0,.1);
  contain: content;
}

.single-product .woocommerce-tabs ul.tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  padding:0;
  margin:0 0 18px 0;
  border:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar{display:none;}

.single-product .woocommerce-tabs ul.tabs li{
  list-style:none;
  margin:0;
  flex:0 0 auto;
}

.single-product .woocommerce-tabs ul.tabs li a{
  padding:10px 16px;
  font-weight:900;
  font-size:14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  transition:var(--transition);
  white-space:nowrap;
  color:rgba(0,0,0,.78);
}

.single-product .woocommerce-tabs ul.tabs li.active a{
  background:rgba(122,31,31,.08);
  border-color:rgba(122,31,31,.22);
  color:var(--brand-main);
}

.single-product .woocommerce-tabs .panel{
  background:#fff;
  padding:20px;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}

.single-product .woocommerce-tabs .panel h2{
  font-size:19px;
  font-weight:900;
  margin-bottom:14px;
  color:var(--text-dark);
}

/* =============== Attributes Table =============== */
.single-product table.shop_attributes th,
.single-product table.shop_attributes td{
  padding:12px;
  font-size:14px;
  color:rgba(0,0,0,.78);
}

.single-product table.shop_attributes tr{
  border-bottom:1px dashed rgba(0,0,0,.08);
}

/* =============== Reviews =============== */
.single-product #reviews{
  background:var(--bg-muted);
  padding:28px;
  border-radius:26px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
}

/* =============== Responsive =============== */
@media (max-width:767px){
  .single-product .product{padding:22px;}
  .single-product form.cart{padding:20px;}
}

/* Optional: sticky cart form on mobile */
@media (max-width:767px){
  .single-product .variations_form.cart{
    position:sticky;
    bottom:10px;
    z-index:99;
    box-shadow:0 22px 60px rgba(0,0,0,.18);
    backdrop-filter:saturate(1.15);
  }
}

/* =============== Animation + Accessibility =============== */
@keyframes fadeCard{
  from{opacity:0;transform:translateY(18px);}
  to{opacity:1;transform:none;}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important;}
}

/* ==================================================
   Woodmart Sticky Add to Cart Bar (Bottom)
================================================== */
.wd-sticky-btn.wd-sticky-btn-shown{
  background: rgba(255,255,255,.92) !important;
  border-top: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 -14px 40px rgba(0,0,0,.14) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.wd-sticky-btn .wd-sticky-btn-container{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.wd-sticky-btn .wd-sticky-btn-thumbnail img{
  border-radius: 14px !important;
}

.wd-sticky-btn .wd-entities-title{
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  color: rgba(0,0,0,.82) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wd-sticky-btn .price{
  font-size: 14px !important;
  margin: 0 0 8px 0 !important;
  color: rgba(0,0,0,.85) !important;
}

.wd-sticky-btn .tabbyPromo{display:none !important;}

/* Layout: qty + buttons (⚠️ قللت gap الضخم) */
.wd-sticky-btn .wd-sticky-btn-cart form.cart{
  display: grid !important;
  grid-template-columns: 104px 1fr !important;
  gap: 14px !important;              /* كان 101px وهذا يسبب فراغ رهيب */
  align-items: center !important;
  margin: 0 !important;
}

.wd-sticky-btn .quantity{margin:0 !important;}

.wd-sticky-btn .quantity .qty{
  height: 44px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  font-size: 16px !important;
}

.wd-sticky-btn .quantity .plus,
.wd-sticky-btn .quantity .minus{
  height: 44px !important;
  border-radius: 14px !important;
}

.wd-sticky-btn .single_add_to_cart_button{
  height: 44px !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, var(--brand-main), var(--brand-light)) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(122,31,31,.22) !important;
  transition: filter .2s ease, box-shadow .2s ease !important;
}

.wd-sticky-btn .single_add_to_cart_button:hover{
  filter: brightness(1.03) !important;
  box-shadow: 0 16px 34px rgba(122,31,31,.26) !important;
}

.wd-sticky-btn .wd-buy-now-btn{
  height: 44px !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  margin-top: 8px !important;
  background: rgba(122,31,31,.10) !important;
  color: var(--brand-main) !important;
  border: 1px solid rgba(122,31,31,.22) !important;
  box-shadow: none !important;
}

/* Keep buy-now under add-to-cart in the same column */
.wd-sticky-btn .wd-sticky-btn-cart{display:block !important;}
.wd-sticky-btn .wd-buy-now-btn{grid-column: 2 / 3 !important;}

@media (max-width:767px){
  .wd-sticky-btn .wd-wishlist-btn{display:none !important;}
}

/* ⚠️ بديل أنظف من translateX (اختياري):
   لو تبغى تحريك الزر، الأفضل margin-inline بدل transform عشان ما يخرب المحاذاة */
@media (max-width:767px){
  .wd-sticky-btn .wd-sticky-btn-cart form.cart .single_add_to_cart_button{
    margin-inline-start: 0 !important; /* عدّلها بدل translateX */
  }
}

/* ==================================================
   Woodmart Mobile Nav (Pro UI)
================================================== */
.mobile-nav.wd-opened{
  background: #fff !important;
  border-right: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.18) !important;
}

.mobile-nav{
  display: flex !important;
  flex-direction: column !important;
}

.mobile-nav .wd-nav-mob-tab{
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 12px 12px 10px 12px !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  display: flex !important;
  gap: 8px !important;
}

.mobile-nav .wd-nav-mob-tab .mobile-tab-title{
  flex: 1 1 0 !important;
  margin: 0 !important;
}

.mobile-nav .wd-nav-mob-tab .mobile-tab-title > a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.04) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  color: rgba(0,0,0,.78) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

.mobile-nav .wd-nav-mob-tab .mobile-tab-title > a:active{
  transform: scale(.98) !important;
}

.mobile-nav .wd-nav-mob-tab .mobile-tab-title.wd-active > a{
  background: rgba(122,31,31,.10) !important;
  border-color: rgba(122,31,31,.22) !important;
  color: var(--brand-main) !important;
}

.mobile-nav .wd-nav-mobile{
  padding: 10px 10px 14px 10px !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

.mobile-nav .wd-nav-mobile > li{margin: 0 0 8px 0 !important;}

.mobile-nav .wd-nav-mobile > li > a.woodmart-nav-link{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 12px !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color: rgba(0,0,0,.84) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.06) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

.mobile-nav .wd-nav-mobile > li > a.woodmart-nav-link:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(0,0,0,.12) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.08) !important;
}

.mobile-nav .woodmart-nav-link .nav-link-text{
  display: block !important;
  line-height: 1.35 !important;
}

.mobile-nav .wd-nav-opener{
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.04) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-inline-start: 10px !important;
}

.mobile-nav .wd-drilldown-back a{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 12px 12px !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.03) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color: rgba(0,0,0,.78) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.mobile-nav .wd-nav-mobile > li.current-menu-item > a,
.mobile-nav .wd-nav-mobile > li.current-menu-parent > a,
.mobile-nav .wd-nav-mobile > li.current-product-ancestor > a{
  border-color: rgba(122,31,31,.26) !important;
  background: rgba(122,31,31,.06) !important;
}

.mobile-nav .menu-item-wishlist > a,
.mobile-nav .menu-item-account > a{
  font-weight: 800 !important;
}

@media (min-width: 768px){
  .mobile-nav .wd-nav-mob-tab{padding: 14px 14px 12px 14px !important;}
  .mobile-nav .wd-nav-mobile{padding: 12px 12px 16px 12px !important;}
}

html[dir="rtl"] .mobile-nav .wd-nav-opener{
  margin-inline-start: 10px !important;
}

/* Hide sticky bar when overlays opened */
body:has(.mobile-nav.wd-opened) .wd-sticky-btn,
body:has(.wd-side-cart.wd-opened) .wd-sticky-btn,
body:has(.cart-widget-side.wd-opened) .wd-sticky-btn,
body:has(.wd-close-side.wd-opened) .wd-sticky-btn,
body:has(.wd-page-overlay.active) .wd-sticky-btn,
body:has(.mfp-bg) .wd-sticky-btn{
  opacity: 0 !important;
  transform: translateY(130%) !important;
  pointer-events: none !important;
}

/* ==================================================
   WooCommerce My Account – Cleaner UI
================================================== */
.woocommerce-account .woocommerce{
  --acc-radius: 14px;
  --acc-border: #eeeeee;
  --acc-shadow: 0 10px 30px rgba(0,0,0,.06);
  --acc-bg: #ffffff;
  --acc-muted: #6b7280;
  --acc-text: #111827;
  --acc-primary: #111827;
  --acc-primary-soft: rgba(17,24,39,.06);
}

.woocommerce-account .wd-my-account-wrapper{align-items: start;}

.woocommerce-account .wd-my-account-sidebar{
  background: var(--acc-bg);
  border: 1px solid var(--acc-border);
  border-radius: var(--acc-radius);
  box-shadow: var(--acc-shadow);
  padding: 18px;
}

.woocommerce-account .woocommerce-MyAccount-title{
  margin: 0 0 12px 0;
  font-size: 16px;
  color: var(--acc-text);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;}

.woocommerce-account .woocommerce-MyAccount-navigation a{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border: 1px solid var(--acc-border);
  border-radius: 12px;
  color: var(--acc-text);
  background: #fff;
  text-decoration: none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background: var(--acc-primary-soft);
  border-color: rgba(17,24,39,.18);
  transform: translateY(-1px);
}

.woocommerce-account .woocommerce-MyAccount-content{
  background: var(--acc-bg);
  border: 1px solid var(--acc-border);
  border-radius: var(--acc-radius);
  box-shadow: var(--acc-shadow);
  padding: 22px;
}

.woocommerce-account .woocommerce-notices-wrapper:empty{display:none;}

.woocommerce-account .woocommerce-MyAccount-content p{
  color: var(--acc-text);
  line-height: 1.9;
}

.woocommerce-account ul.wd-my-account-links{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.woocommerce-account ul.wd-my-account-links > li{margin:0;}

.woocommerce-account ul.wd-my-account-links > li > a{
  display: grid;
  place-items: center;
  text-align: center;
  gap: 10px;
  padding: 18px 14px;
  border: 1px solid var(--acc-border);
  border-radius: 14px;
  background: #fff;
  text-decoration: none;
  color: var(--acc-text);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  min-height: 110px;
}

.woocommerce-account ul.wd-my-account-links > li > a:hover{
  transform: translateY(-2px);
  border-color: rgba(17,24,39,.18);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}

.woocommerce-account ul.wd-my-account-links .wd-nav-icon{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--acc-primary-soft);
  display: inline-block;
}

.woocommerce-account ul.wd-my-account-links .nav-link-text{
  font-size: 14px;
  color: var(--acc-text);
}

html[dir="rtl"] .woocommerce-account .woocommerce-MyAccount-navigation a{
  justify-content: flex-start;
  direction: rtl;
}

@media (max-width: 1024px){
  .woocommerce-account ul.wd-my-account-links{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .woocommerce-account .wd-my-account-sidebar,
  .woocommerce-account .woocommerce-MyAccount-content{padding: 16px;}

  .woocommerce-account ul.wd-my-account-links{grid-template-columns: 1fr;}
}

.woocommerce-account .wd-page-title .entry-title.title{display:none;}