/* ============================================================
   BLOOM · /unique — "Noir Boudoir" alternate design.
   Loaded AFTER style.css. Everything is scoped under
   body.unique-theme so the shared script.js keeps working
   while the whole vibe + palette change: deep plum-black,
   rose-gold & champagne, editorial thin serifs, intimate.
   ============================================================ */

/* ---- Palette + type: redefine inherited custom properties ---- */
body.unique-theme {
    --primary: #f6e7ec;
    --primary-light: #e9ccd6;
    --primary-lighter: #2c0f1a;
    --primary-dark: #fbf1f5;
    --gold: #e2b079;
    --gold-soft: #f2d2a6;
    --gold-deep: #b87a45;
    --accent: #e2b079;
    --accent-dark: #b87a45;
    --blush: #e8a9b3;
    --wine: #7c1e3a;
    --wine-deep: #4a0f22;
    --bg: #100509;
    --bg-alt: #1a0810;
    --card: #1f0b14;
    --text: #f6e7ec;
    --text-light: #cfa6b3;
    --line: rgba(226, 176, 121, 0.18);
    --white: #1f0b14;
    --shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
    --shadow-hover: 0 40px 90px rgba(74, 15, 34, 0.65);
    --radius: 4px;
    --serif: 'Cormorant Garamond', 'El Messiri', serif;
    --display: 'Italiana', 'El Messiri', serif;

    background: #100509;
    color: var(--text);
}

html:has(body.unique-theme) { background: #100509; }

/* candlelit, sultry ambient wash + soft vignette */
body.unique-theme::before {
    background:
        radial-gradient(circle at 18% 15%, rgba(226, 176, 121, 0.12), transparent 40%),
        radial-gradient(circle at 82% 4%, rgba(124, 30, 58, 0.30), transparent 45%),
        radial-gradient(circle at 50% 112%, rgba(124, 30, 58, 0.28), transparent 55%),
        radial-gradient(circle at 50% 50%, transparent 55%, rgba(10, 3, 6, 0.75) 100%),
        linear-gradient(180deg, #100509 0%, #16060d 100%) !important;
}

/* fine film-grain for an intimate, analog boudoir texture */
body.unique-theme::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.05;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---- 3D background orbs -> soft candlelit glows ---- */
body.unique-theme .bg-orb-1 { background: radial-gradient(circle, rgba(215,160,106,0.22), transparent 70%); }
body.unique-theme .bg-orb-2 { background: radial-gradient(circle, rgba(224,170,182,0.18), transparent 70%); }
body.unique-theme .bg-orb-3 { background: radial-gradient(circle, rgba(176,122,72,0.20), transparent 70%); }
body.unique-theme .bg-ring-1,
body.unique-theme .bg-ring-2 { border-color: rgba(215,160,106,0.14); }
body.unique-theme .bg-shard-1,
body.unique-theme .bg-shard-2 { background: linear-gradient(135deg, rgba(236,199,156,0.10), transparent); }
body.unique-theme #bgGlow { background: radial-gradient(circle, rgba(215,160,106,0.10), transparent 65%); }

/* falling petals -> rose-gold */
body.unique-theme .petal { filter: hue-rotate(-25deg) saturate(0.85) brightness(1.1); opacity: 0.5; }

/* ---- Navbar: transparent dark glass, centered & letterspaced ---- */
body.unique-theme .navbar {
    background: rgba(20, 11, 17, 0.55) !important;
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
}
body.unique-theme .navbar.scrolled {
    background: rgba(20, 11, 17, 0.9) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}
body.unique-theme .logo-text {
    font-family: 'Italiana', serif;
    letter-spacing: 6px;
    font-weight: 400;
    color: var(--gold-soft);
    -webkit-background-clip: initial;
    background: none;
    -webkit-text-fill-color: currentColor;
}
body.unique-theme .logo-img { border-radius: 3px; box-shadow: 0 6px 20px rgba(0,0,0,0.4); }
body.unique-theme .nav-links a {
    color: var(--text-light);
    font-family: 'Tajawal', sans-serif;
    font-size: 0.82rem;
    letter-spacing: 0.5px;
    text-transform: none;
}
body.unique-theme .nav-links a:hover { color: var(--gold-soft); }
body.unique-theme .nav-alt-link {
    color: var(--gold) !important;
    border: 1px solid var(--line);
    padding: 6px 14px;
    border-radius: 40px;
}
body.unique-theme .nav-alt-link:hover { background: rgba(215,160,106,0.12); }
body.unique-theme .nav-search input {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--line);
    color: var(--text);
}
body.unique-theme .nav-search input::placeholder { color: var(--text-light); }
body.unique-theme .search-dropdown { background: var(--card); border: 1px solid var(--line); }
body.unique-theme .cart-icon { filter: grayscale(0.2) brightness(1.1); }
body.unique-theme .mobile-menu { background: rgba(20,11,17,0.97); }
body.unique-theme .mobile-menu a { color: var(--text); border-color: var(--line); }

/* ---- Hero: cinematic, editorial, letterspaced eyebrow ---- */
body.unique-theme .hero-overlay {
    background:
        linear-gradient(180deg, rgba(15,8,12,0.55) 0%, rgba(15,8,12,0.35) 40%, rgba(15,8,12,0.85) 100%),
        radial-gradient(circle at 50% 40%, rgba(20,11,17,0.10), rgba(15,8,12,0.75)) !important;
}
body.unique-theme .hero-content {
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    border: none;
    max-width: 760px;
}
body.unique-theme .hero-eyebrow {
    font-family: 'Italiana', serif;
    letter-spacing: 8px;
    font-size: 0.8rem;
    color: var(--gold);
    margin-bottom: 18px;
    opacity: 0.95;
}
body.unique-theme .hero-logo-img {
    filter: drop-shadow(0 10px 30px rgba(0,0,0,0.6));
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
}
body.unique-theme .hero-subtitle {
    font-family: var(--serif);
    font-weight: 400;
    font-size: clamp(1.4rem, 3vw, 2.2rem);
    color: var(--text);
    letter-spacing: 0.5px;
}
body.unique-theme .hero-tagline { color: var(--text-light); }

/* ---- Buttons: rose-gold, sharp, letterspaced ---- */
body.unique-theme .btn-primary,
body.unique-theme .btn-add-cart,
body.unique-theme .btn-checkout,
body.unique-theme .pdp-add-btn {
    background: linear-gradient(135deg, #e7c092, #d7a06a 55%, #b07a48) !important;
    color: #1a0f14 !important;
    border-radius: 2px !important;
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    box-shadow: 0 12px 30px rgba(176,122,72,0.30);
}
body.unique-theme .btn-primary { padding: 16px 46px; }
body.unique-theme .btn-primary:hover,
body.unique-theme .btn-add-cart:hover,
body.unique-theme .btn-checkout:hover { filter: brightness(1.08); transform: translateY(-2px); }

/* ---- Section titles: thin Italiana with ornamental rule ---- */
body.unique-theme .section-title {
    font-family: 'Italiana', 'El Messiri', serif;
    font-weight: 400;
    color: var(--text);
    letter-spacing: 2px;
    font-size: clamp(2rem, 4.5vw, 3.2rem);
}
body.unique-theme .section-title::after {
    background: var(--gold) !important;
    height: 1px !important;
    width: 60px !important;
}
body.unique-theme .section-subtitle { color: var(--text-light); font-family: var(--serif); font-size: 1.2rem; }

/* section backgrounds: alternate deep tones */
body.unique-theme .filter-section,
body.unique-theme .products-section { background: transparent; }
body.unique-theme .about-section { background: linear-gradient(180deg, #1a0f16, #140b11); }
body.unique-theme .brands-section { background: transparent; }
body.unique-theme .delivery-section { background: linear-gradient(180deg, #140b11, #1a0f16); }
body.unique-theme .contact-section,
body.unique-theme .order-tracking-section { background: transparent; }

/* ---- Product cards: editorial, dark, image-forward ---- */
body.unique-theme .product-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 4px;
    box-shadow: var(--shadow);
    overflow: hidden;
}
body.unique-theme .product-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-hover);
    border-color: rgba(215,160,106,0.4);
}
body.unique-theme .product-image {
    aspect-ratio: 3 / 4;
    background: #0f0810;
    position: relative;
}
body.unique-theme .product-image::after {
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(15,8,12,0.55));
    pointer-events: none;
}
body.unique-theme .product-image img { transition: transform 0.9s cubic-bezier(0.22,0.61,0.36,1); }
body.unique-theme .product-card:hover .product-image img { transform: scale(1.06); }
body.unique-theme .product-brand {
    color: var(--gold);
    font-family: 'Italiana', serif;
    letter-spacing: 3px;
    font-size: 0.72rem;
}
body.unique-theme .product-info h3 {
    font-family: var(--serif);
    font-weight: 500;
    font-size: 1.3rem;
    color: var(--text);
}
body.unique-theme .product-meta,
body.unique-theme .product-meta span { color: var(--text-light); }
body.unique-theme .product-price {
    color: var(--gold-soft);
    font-family: var(--serif);
    font-weight: 600;
    font-size: 1.35rem;
}
body.unique-theme .product-price .old-price { color: var(--text-light); }
body.unique-theme .product-card-controls { border-top: 1px solid var(--line); }
body.unique-theme .qty-selector,
body.unique-theme .size-select,
body.unique-theme select {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--line);
    color: var(--text);
}
body.unique-theme .qty-selector button { color: var(--gold); }
body.unique-theme .discount-badge,
body.unique-theme .status-badge {
    background: linear-gradient(135deg, #d7a06a, #b07a48);
    color: #1a0f14;
    letter-spacing: 1px;
}
body.unique-theme .empty-products,
body.unique-theme .store-notice,
body.unique-theme .store-loading p { color: var(--text-light); }
body.unique-theme .spinner { border-top-color: var(--gold); }

/* ---- Filters ---- */
body.unique-theme .filter-btn {
    background: transparent;
    border: 1px solid var(--line);
    color: var(--text-light);
    border-radius: 40px;
    letter-spacing: 1px;
}
body.unique-theme .filter-btn.active {
    background: var(--gold);
    color: #1a0f14;
    border-color: var(--gold);
}
body.unique-theme .filter-toggle-btn { color: var(--gold); border-color: var(--line); }
body.unique-theme .filter-panel { background: var(--card); border: 1px solid var(--line); }
body.unique-theme .products-search input,
body.unique-theme #orderTrackingInput {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--line);
    color: var(--text);
}
body.unique-theme .products-search input::placeholder,
body.unique-theme #orderTrackingInput::placeholder { color: var(--text-light); }

/* ---- About / features ---- */
body.unique-theme .about-text p { color: var(--text-light); font-family: var(--serif); font-size: 1.25rem; }
body.unique-theme .feature { color: var(--text); }
body.unique-theme .feature-icon { color: var(--gold); }

/* ---- Brand / category tiles ---- */
body.unique-theme .brand-card,
body.unique-theme .brands-grid > * {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 4px;
}
body.unique-theme .brand-card:hover { border-color: rgba(215,160,106,0.4); }

/* ---- Delivery ---- */
body.unique-theme .delivery-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 4px;
}
body.unique-theme .delivery-card h3 { color: var(--gold-soft); font-family: var(--serif); }
body.unique-theme .delivery-card p { color: var(--text-light); }
body.unique-theme .delivery-icon { filter: sepia(0.3) saturate(1.4) hue-rotate(-10deg); }

/* ---- Contact ---- */
body.unique-theme .social-btn {
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--text);
}
body.unique-theme .social-btn:hover { border-color: var(--gold); background: rgba(215,160,106,0.10); }

/* ---- Order tracking ---- */
body.unique-theme .order-tracking-card { background: var(--card); border: 1px solid var(--line); }
body.unique-theme .order-tracking-result { color: var(--text-light); }

/* ---- PDP modal ---- */
body.unique-theme .pdp-modal { background: var(--card); border: 1px solid var(--line); }
body.unique-theme .pdp-close { color: var(--text); }
body.unique-theme .pdp-info h2 { font-family: var(--serif); color: var(--text); }
body.unique-theme .pdp-price { color: var(--gold-soft); }
body.unique-theme .pdp-size-options button { background: rgba(255,255,255,0.04); border: 1px solid var(--line); color: var(--text); }
body.unique-theme .pdp-size-options button.active { background: var(--gold); color: #1a0f14; }

/* ---- Cart sidebar ---- */
body.unique-theme .cart-sidebar { background: #180d14; border-left: 1px solid var(--line); }
body.unique-theme .cart-header { border-bottom: 1px solid var(--line); }
body.unique-theme .cart-header h3 { font-family: var(--serif); color: var(--text); }
body.unique-theme .cart-close { color: var(--text); }
body.unique-theme .cart-item { border-bottom: 1px solid var(--line); color: var(--text); }
body.unique-theme .cart-empty { color: var(--text-light); }
body.unique-theme .cart-footer { border-top: 1px solid var(--line); }
body.unique-theme .cart-total { color: var(--text); }
body.unique-theme .cart-total #cartTotal { color: var(--gold-soft); }
body.unique-theme .btn-clear-cart { color: var(--text-light); }

/* ---- Banner + footer ---- */
body.unique-theme .discount-banner { background: linear-gradient(90deg, #b07a48, #d7a06a, #b07a48); color: #1a0f14; }
body.unique-theme .footer {
    background: #0f0810;
    border-top: 1px solid var(--line);
    color: var(--text-light);
    font-family: var(--serif);
    letter-spacing: 1px;
}

/* ---- Hero dots ---- */
body.unique-theme .hero-dots .dot { background: rgba(244,233,238,0.4); }
body.unique-theme .hero-dots .dot.active { background: var(--gold); }

/* ============================================================
   "SEXY BOUDOIR" enhancement layer — silk shimmer, satin sheen,
   candlelit glow, seductive product reveals.
   ============================================================ */

/* --- Silk shimmer on the eyebrow + section titles --- */
@keyframes silkShimmer {
    0%   { background-position: 200% center; }
    100% { background-position: -200% center; }
}
body.unique-theme .hero-eyebrow {
    background: linear-gradient(100deg, var(--gold-deep) 0%, #ffe9c7 25%, var(--gold) 50%, #ffe9c7 75%, var(--gold-deep) 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: silkShimmer 6s linear infinite;
}
body.unique-theme .section-title {
    background: linear-gradient(100deg, #f6e7ec 0%, var(--gold-soft) 45%, #fff2df 55%, #f6e7ec 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: silkShimmer 9s linear infinite;
}
body.unique-theme .section-title::after {
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
    width: 90px !important;
    box-shadow: 0 0 14px rgba(226,176,121,0.6);
}

/* --- Hero: sultrier, dimmer, italic serif with a warm glow --- */
body.unique-theme .hero-overlay {
    background:
        linear-gradient(180deg, rgba(16,5,9,0.62) 0%, rgba(16,5,9,0.30) 40%, rgba(16,5,9,0.92) 100%),
        radial-gradient(circle at 50% 42%, rgba(124,30,58,0.28), rgba(16,5,9,0.85)) !important;
}
body.unique-theme .hero-subtitle {
    font-style: italic;
    text-shadow: 0 2px 30px rgba(226,176,121,0.25);
}
body.unique-theme .hero-eyebrow { font-style: normal; }

/* --- Satin sheen sweep across buttons --- */
body.unique-theme .btn-primary,
body.unique-theme .btn-add-cart,
body.unique-theme .btn-checkout,
body.unique-theme .pdp-add-btn { position: relative; overflow: hidden; }
body.unique-theme .btn-primary::after,
body.unique-theme .btn-add-cart::after,
body.unique-theme .btn-checkout::after,
body.unique-theme .pdp-add-btn::after {
    content: "";
    position: absolute;
    top: 0; left: -60%;
    width: 45%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent);
    transform: skewX(-20deg);
    animation: sheenSweep 4.5s ease-in-out infinite;
}
@keyframes sheenSweep {
    0%, 60% { left: -60%; }
    100%    { left: 160%; }
}
body.unique-theme .btn-primary:hover {
    box-shadow: 0 0 34px rgba(226,176,121,0.5), 0 14px 34px rgba(124,30,58,0.4);
}

/* --- Product cards: seductive hover reveal --- */
body.unique-theme .product-card { position: relative; transition: transform 0.6s cubic-bezier(0.22,0.61,0.36,1), box-shadow 0.6s, border-color 0.6s; }
body.unique-theme .product-image::after {
    background: linear-gradient(180deg, rgba(16,5,9,0.05) 0%, transparent 35%, rgba(16,5,9,0.35) 75%, rgba(124,30,58,0.55) 100%) !important;
    transition: opacity 0.6s ease;
}
body.unique-theme .product-image::before {
    content: "اكتشفيها ✦";
    position: absolute;
    z-index: 3;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    font-family: var(--serif);
    font-style: italic;
    font-size: 1.15rem;
    letter-spacing: 2px;
    color: #fff;
    padding: 10px 22px;
    border: 1px solid rgba(242,210,166,0.7);
    border-radius: 2px;
    background: rgba(31,11,20,0.35);
    backdrop-filter: blur(3px);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
body.unique-theme .product-card:hover .product-image::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
body.unique-theme .product-card:hover {
    transform: translateY(-10px);
    border-color: rgba(226,176,121,0.55);
    box-shadow: 0 40px 90px rgba(74,15,34,0.6), 0 0 0 1px rgba(226,176,121,0.25);
}
body.unique-theme .product-card:hover .product-image img { transform: scale(1.08); filter: brightness(0.9) saturate(1.05); }
body.unique-theme .product-brand { text-shadow: 0 0 12px rgba(226,176,121,0.3); }
body.unique-theme .product-price { text-shadow: 0 0 14px rgba(242,210,166,0.3); }

/* --- Glowing gold badges --- */
body.unique-theme .discount-badge,
body.unique-theme .status-badge {
    box-shadow: 0 6px 20px rgba(184,122,69,0.5);
    text-shadow: none;
}

/* --- Warmer candlelit orbs + richer wine rings --- */
body.unique-theme .bg-orb-1 { background: radial-gradient(circle, rgba(226,176,121,0.26), transparent 70%); }
body.unique-theme .bg-orb-2 { background: radial-gradient(circle, rgba(124,30,58,0.30), transparent 70%); }
body.unique-theme .bg-orb-3 { background: radial-gradient(circle, rgba(232,169,179,0.20), transparent 70%); }
body.unique-theme #bgGlow { background: radial-gradient(circle, rgba(226,176,121,0.14), rgba(124,30,58,0.10) 40%, transparent 68%); }

/* --- Nav logo + links warm glow on hover --- */
body.unique-theme .logo-text { text-shadow: 0 0 18px rgba(242,210,166,0.4); }
body.unique-theme .nav-links a:hover { text-shadow: 0 0 12px rgba(226,176,121,0.5); }

/* --- Footer whisper --- */
body.unique-theme .footer { background: #0a0306; }

/* respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    body.unique-theme .hero-eyebrow,
    body.unique-theme .section-title,
    body.unique-theme .btn-primary::after,
    body.unique-theme .btn-add-cart::after,
    body.unique-theme .btn-checkout::after,
    body.unique-theme .pdp-add-btn::after { animation: none; }
}