/* ============================================
   فونت‌های لوکال
   ============================================ */

@font-face {
  font-family: 'Anjoman';
  src: url('../../fonts/Anjoman/Anjoman-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Anjoman';
  src: url('../../fonts/Anjoman/Anjoman-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Anjoman';
  src: url('../../fonts/Anjoman/Anjoman-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Anjoman';
  src: url('../../fonts/Anjoman/Anjoman-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Dana';
  src: url('../../fonts/Dana/Dana-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dana';
  src: url('../../fonts/Dana/Dana-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dana';
  src: url('../../fonts/Dana/Dana-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dana';
  src: url('../../fonts/Dana/Dana-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dana';
  src: url('../../fonts/Dana/Dana-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dana';
  src: url('../../fonts/Dana/Dana-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ============================================
   LUXURY LADY — Master Stylesheet
   ============================================ */

:root {
  --lux-emerald:        #06130D;
  --lux-gold:           #C7A46A;
  --lux-ivory:          #F5F0E8;
  --lux-silver:         #E8E4DC;
  --lux-turquoise:      #2A6E68;
  --lux-pine:           #143325;
  --lux-jade:           #1B4130;
  --lux-champagne:      #F0DCAE;
  --lux-sand:           #D5D0C6;
  --lux-gold-dim:       rgba(199,164,106,0.35);
  --lux-gold-border:    rgba(199,164,106,0.22);
  --lux-turquoise-dim:  rgba(42,110,104,0.35);
  --lux-ivory-dim:      rgba(245,240,232,0.55);
  --lux-radius:         16px;
  --lux-transition:     cubic-bezier(.22,1,.36,1);

  --font-display: 'Anjoman', 'Vazirmatn', serif;
  --font-body:    'Dana', 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
}

/* ============================================
   ریست دکمه‌ها
   ============================================ */

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  box-shadow: none;
}

button:hover,
button:active,
input[type="button"]:hover,
input[type="button"]:active {
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* فوکوس کیبورد حذف نمی‌شود (دسترس‌پذیری)؛ فقط ظاهرش با برند یکی است */
:focus-visible {
  outline: 1px solid var(--lux-gold);
  outline-offset: 3px;
}

/* ============================================
   سراسری
   ============================================ */

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  overflow-x: clip; /* clip (نه hidden) تا نوار چسبان فروشگاه کار کند */
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 500;
}

.woocommerce,
.woocommerce-page,
.post-type-archive-product,
.tax-product_cat,
.tax-product_tag {
  font-family: var(--font-body);
  color: var(--lux-ivory);
}

body.woocommerce,
body.woocommerce-page,
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag,
body.single-product {
  background: var(--lux-emerald) !important;
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3 {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--lux-gold);
  letter-spacing: -0.01em;
}

.woocommerce a {
  color: var(--lux-gold);
  transition: color 0.3s var(--lux-transition);
}
.woocommerce a:hover {
  color: var(--lux-champagne);
}

/* ============================================
   فاصله‌ی محتوا از هدر ثابت
   هدر fixed است؛ در صفحه‌هایی که هیرو ندارند
   (دسته‌بندی، محصول، سبد، پرداخت، حساب)
   محتوا نباید زیر هدر برود.
   ============================================ */

body.ll-pad-top .site-main,
body.ll-pad-top main#content,
body.ll-pad-top main {
  padding-top: 110px !important;
}

@media (max-width: 780px) {
  body.ll-pad-top .site-main,
  body.ll-pad-top main#content,
  body.ll-pad-top main {
    padding-top: 92px !important;
  }
}

body.ll-has-hero .site-main,
body.ll-has-hero main {
  padding-top: 0 !important;
}

/* ============================================
   عرض صفحه‌های فروشگاه
   Hello Elementor عرض محتوا را محدود می‌کند (۸۰۰ تا ۱۱۴۰ پیکسل).
   فروشگاه، دسته‌ها و محصول تمام‌عرض می‌شوند؛ هر بخش عرض خودش را دارد.
   ============================================ */

body.woocommerce .site-main,
body.woocommerce-page .site-main,
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main,
body.single-product .site-main {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* سبد، پرداخت و حساب: خواناتر در عرض محدود */
body.woocommerce-cart .site-main > *,
body.woocommerce-checkout .site-main > *,
body.woocommerce-account .site-main > * {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* ============================================
   دسترس‌پذیری
   ============================================ */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.ll-sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}
