/* =========================================================
   VIYANA LUXURY LAYER (نسخه اصلاح‌شده)
   بدون تغییر فونت / بدون شکستن هیرو گنبدی / بدون جابه‌جایی منوی موبایل
   ========================================================= */

:root {
    --lux-line: rgba(var(--gold-rgb), 0.28);
    --lux-gold: var(--gold);
    --lux-gold-soft: var(--gold-light);
}

/* پالت تیرهٔ ملایم‌تر — فونت همان Vazirmatn می‌ماند */
[data-theme="dark"] {
    --bg: #0c0a07;
    --surface: #15120c;
    --border: rgba(var(--gold-rgb), 0.2);
}

html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* هالهٔ پس‌زمینه بدون تداخل با layout */
body.lux-site::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.28;
    background:
        radial-gradient(ellipse 70% 45% at 8% -5%, rgba(var(--gold-rgb), 0.1), transparent 55%),
        radial-gradient(ellipse 50% 35% at 100% 0%, rgba(var(--gold-light-rgb), 0.06), transparent 50%);
}
main, .site-footer {
    position: relative;
    z-index: 1;
}
.site-header {
    z-index: 50;
}
/* هرگز position روی .mobile-nav اینجا ست نشود — fixed پایین صفحه می‌شکند */

/* دکمه‌ها */
.btn-gold {
    box-shadow: 0 8px 24px rgba(var(--gold-rgb), 0.25);
}
.btn-gold:hover {
    box-shadow: 0 12px 30px rgba(var(--gold-rgb), 0.38);
}

/* هدر شفاف — بدون نوار رنگی جدا؛ دکمه‌ها شیشه مایع در style.css */
.site-header,
[data-theme="dark"] .site-header {
    background: transparent !important;
    border-bottom-color: transparent !important;
    backdrop-filter: none;
}
.theme-toggle {
    border-color: var(--lux-line) !important;
}

/* منوی موبایل: هرگز position اینجا ست نشود — fixed پایین صفحه می‌شکند.
   رنگ تم تیرهٔ کپسول در style.css تعریف شده است. */
@media (max-width: 820px) {
    /* کالکشن‌ها: سه کارت در یک ردیف */
    .collection-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.9rem !important;
    }
    .collection-grid--arched {
        width: 100% !important;
        max-width: none !important;
        gap: 1.2rem 1rem !important;
    }
    .collection-card {
        min-height: 0 !important;
        aspect-ratio: auto;
    }
    .collection-card-classic {
        aspect-ratio: 4 / 3 !important;
    }
    .collection-card-classic .collection-body strong {
        font-size: 0.85rem;
    }
    .collection-card-arched .collection-body strong {
        font-size: 0.72rem;
    }
}

/* هیرو: هیچ override برای border-radius قاب گنبدی / مخفی کردن stats نیست */

/* سکشن‌ها کمی تنفس بیشتر */
.section { padding-block: 3rem; }
.section-title::after {
    content: '✦';
    display: block;
    margin-top: 0.4rem;
    font-size: 0.65rem;
    color: var(--lux-gold);
    opacity: 0.65;
}

/* فیلتر محصولات کمی مرتب‌تر */
.products-filter {
    border-color: var(--lux-line) !important;
}

/* صفحه محصول لوکس — بدون دست زدن به فونت سیستم */
.pd-lux-stage {
    border-color: rgba(var(--gold-rgb), 0.35);
}
.pd-lux-buy {
    box-shadow:
        0 1px 0 rgba(255, 248, 220, 0.5) inset,
        0 14px 34px rgba(var(--gold-rgb), 0.3);
}
.pd-lux-buy:hover {
    box-shadow:
        0 1px 0 rgba(255, 248, 220, 0.62) inset,
        0 18px 42px rgba(var(--gold-rgb), 0.4);
}

/* جلوگیری از سرریز افقی اجزای پهن */
.container,
.product-grid,
.collection-grid,
.gift-grid,
.trust-grid,
.hero-lux-inner,
.pd-lux,
.checkout-grid {
    max-width: 100%;
}
img, svg, video {
    max-width: 100%;
}

/* Shimmer overlays gold fill — must NOT replace --gold-grad (that left dark text unreadable) */
.btn-gold.lux-shimmer,
.btn-gold.lux-shimmer:hover,
.btn-gold.lux-shimmer:focus-visible {
    background-image:
        linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.32) 50%, transparent 60%),
        var(--gold-grad);
    background-size: 200% 100%, 100% 100%;
    background-position: 100% 0, 0 0;
    background-repeat: no-repeat;
    color: #241a02;
    animation: lux-shimmer 3.5s ease-in-out infinite;
}
@keyframes lux-shimmer {
    0% { background-position: 100% 0, 0 0; }
    100% { background-position: -100% 0, 0 0; }
}