/* ============================================================
   BLOOM · /unique2 — "ROUGE / LUST" alternate design.
   Loaded AFTER style.css, scoped under body.unique2-theme.
   A deep-crimson, molten, seductive theme — scarlet & gold on
   near-black, glowing pulses, silk sheen, passionate reveals.
   ============================================================ */

/* ---- Palette + type ---- */
body.unique2-theme {
    --primary: #ffeef0;
    --primary-light: #ffd6dc;
    --primary-lighter: #2a0509;
    --primary-dark: #fff2f4;
    --gold: #e8b566;
    --gold-soft: #f6d59a;
    --gold-deep: #b8842f;
    --accent: #e11d3f;
    --accent-dark: #9e0b26;
    --blush: #ff5c78;
    --scarlet: #e11d3f;
    --scarlet-deep: #8a0a22;
    --ember: #ff2e4d;
    --bg: #0c0305;
    --bg-alt: #16050a;
    --card: #1c060c;
    --text: #ffeef0;
    --text-light: #d99aa6;
    --line: rgba(225, 29, 63, 0.28);
    --white: #1c060c;
    --shadow: 0 24px 60px rgba(0, 0, 0, 0.65);
    --shadow-hover: 0 40px 100px rgba(138, 10, 34, 0.7);
    --radius: 3px;
    --serif: 'Cormorant Garamond', 'El Messiri', serif;
    --display: 'Italiana', 'El Messiri', serif;

    background: #0c0305;
    color: var(--text);
}

html:has(body.unique2-theme) { background: #0c0305; }

/* smouldering red ambient wash + deep vignette */
body.unique2-theme::before {
    background:
        radial-gradient(circle at 20% 12%, rgba(225, 29, 63, 0.22), transparent 40%),
        radial-gradient(circle at 82% 6%, rgba(255, 46, 77, 0.18), transparent 42%),
        radial-gradient(circle at 50% 115%, rgba(138, 10, 34, 0.45), transparent 55%),
        radial-gradient(circle at 50% 50%, transparent 50%, rgba(8, 2, 3, 0.82) 100%),
        linear-gradient(180deg, #0c0305 0%, #120308 100%) !important;
}

/* film grain for a smoky, intimate texture */
body.unique2-theme::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.06;
    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: molten embers & pulsing red glow ---- */
body.unique2-theme .bg-orb-1 { background: radial-gradient(circle, rgba(225,29,63,0.35), transparent 70%); }
body.unique2-theme .bg-orb-2 { background: radial-gradient(circle, rgba(255,46,77,0.30), transparent 70%); }
body.unique2-theme .bg-orb-3 { background: radial-gradient(circle, rgba(232,181,102,0.22), transparent 70%); }
body.unique2-theme .bg-ring-1,
body.unique2-theme .bg-ring-2 { border-color: rgba(225,29,63,0.22); }
body.unique2-theme .bg-shard-1,
body.unique2-theme .bg-shard-2 { background: linear-gradient(135deg, rgba(255,46,77,0.16), transparent); }
@keyframes lustPulse {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50%      { opacity: 1;    transform: scale(1.12); }
}
body.unique2-theme #bgGlow {
    background: radial-gradient(circle, rgba(225,29,63,0.24), rgba(138,10,34,0.14) 42%, transparent 68%);
    animation: lustPulse 5s ease-in-out infinite;
}

/* petals -> deep red rose petals */
body.unique2-theme .petal { filter: hue-rotate(-70deg) saturate(2.2) brightness(0.85); opacity: 0.55; }

/* ---- Navbar: black glass, scarlet underglow ---- */
body.unique2-theme .navbar {
    background: rgba(12, 3, 5, 0.6) !important;
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 1px 0 rgba(225,29,63,0.25);
}
body.unique2-theme .navbar.scrolled {
    background: rgba(12, 3, 5, 0.92) !important;
    box-shadow: 0 10px 40px rgba(138,10,34,0.35);
}
body.unique2-theme .logo-text {
    font-family: 'Italiana', serif;
    letter-spacing: 6px;
    font-weight: 400;
    color: var(--gold-soft);
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 0 18px rgba(225,29,63,0.5);
}
body.unique2-theme .logo-img { border-radius: 2px; box-shadow: 0 6px 22px rgba(138,10,34,0.5); }
body.unique2-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.unique2-theme .nav-links a:hover { color: var(--ember); text-shadow: 0 0 12px rgba(255,46,77,0.6); }
body.unique2-theme .nav-alt-link {
    color: var(--gold) !important;
    border: 1px solid var(--line);
    padding: 6px 14px;
    border-radius: 40px;
}
body.unique2-theme .nav-alt-link:hover { background: rgba(225,29,63,0.15); }
body.unique2-theme .nav-search input {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--line);
    color: var(--text);
}
body.unique2-theme .nav-search input::placeholder { color: var(--text-light); }
body.unique2-theme .nav-search input:focus { border-color: var(--scarlet); box-shadow: 0 0 0 3px rgba(225,29,63,0.15); }
body.unique2-theme .search-dropdown { background: var(--card); border: 1px solid var(--line); }
body.unique2-theme .mobile-menu { background: rgba(12,3,5,0.97); }
body.unique2-theme .mobile-menu a { color: var(--text); border-color: var(--line); }

/* ---- Hero: cinematic red-lit boudoir ---- */
body.unique2-theme .hero-overlay {
    background:
        linear-gradient(180deg, rgba(12,3,5,0.55) 0%, rgba(12,3,5,0.25) 38%, rgba(12,3,5,0.94) 100%),
        radial-gradient(circle at 50% 40%, rgba(225,29,63,0.35), rgba(12,3,5,0.85)) !important;
}
body.unique2-theme .hero-content { background: transparent; box-shadow: none; backdrop-filter: none; border: none; max-width: 780px; }
body.unique2-theme .hero-logo-img {
    filter: drop-shadow(0 10px 34px rgba(225,29,63,0.55));
    background: transparent !important; box-shadow: none !important; padding: 0 !important; border: none !important;
}
body.unique2-theme .hero-eyebrow {
    font-family: 'Italiana', serif;
    letter-spacing: 9px;
    font-size: 0.82rem;
    margin-bottom: 18px;
    background: linear-gradient(100deg, var(--scarlet-deep) 0%, #ffd27a 25%, var(--ember) 50%, #ffd27a 75%, var(--scarlet-deep) 100%);
    background-size: 200% auto;
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    animation: silkShimmer 5s linear infinite;
}
body.unique2-theme .hero-subtitle {
    font-family: var(--serif);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(1.5rem, 3.2vw, 2.4rem);
    color: #fff;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 34px rgba(225,29,63,0.4);
}
body.unique2-theme .hero-tagline { color: var(--text-light); }

@keyframes silkShimmer { 0% { background-position: 200% center; } 100% { background-position: -200% center; } }

/* ---- Buttons: molten scarlet with sheen + glow pulse ---- */
body.unique2-theme .btn-primary,
body.unique2-theme .btn-add-cart,
body.unique2-theme .btn-checkout,
body.unique2-theme .pdp-add-btn {
    background: linear-gradient(135deg, #ff2e4d, #e11d3f 55%, #9e0b26) !important;
    color: #fff !important;
    border-radius: 2px !important;
    letter-spacing: 3px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 34px rgba(225,29,63,0.4);
}
body.unique2-theme .btn-primary { padding: 16px 48px; }
body.unique2-theme .btn-primary::after,
body.unique2-theme .btn-add-cart::after,
body.unique2-theme .btn-checkout::after,
body.unique2-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.6), transparent);
    transform: skewX(-20deg);
    animation: sheenSweep 4s ease-in-out infinite;
}
@keyframes sheenSweep { 0%,55% { left: -60%; } 100% { left: 160%; } }
body.unique2-theme .btn-primary:hover,
body.unique2-theme .btn-add-cart:hover,
body.unique2-theme .btn-checkout:hover {
    filter: brightness(1.1);
    transform: translateY(-2px);
    box-shadow: 0 0 40px rgba(255,46,77,0.6), 0 16px 40px rgba(138,10,34,0.5);
}

/* ---- Section titles: shimmering scarlet-gold, glowing rule ---- */
body.unique2-theme .section-title {
    font-family: 'Italiana', 'El Messiri', serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: clamp(2rem, 4.6vw, 3.4rem);
    background: linear-gradient(100deg, #ffeef0 0%, var(--ember) 40%, #ffd27a 55%, #ffeef0 100%);
    background-size: 200% auto;
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    animation: silkShimmer 8s linear infinite;
}
body.unique2-theme .section-title::after {
    background: linear-gradient(90deg, transparent, var(--ember), transparent) !important;
    height: 2px !important; width: 100px !important;
    box-shadow: 0 0 16px rgba(255,46,77,0.8);
}
body.unique2-theme .section-subtitle { color: var(--text-light); font-family: var(--serif); font-style: italic; font-size: 1.25rem; }

/* section backgrounds */
body.unique2-theme .filter-section,
body.unique2-theme .products-section,
body.unique2-theme .brands-section,
body.unique2-theme .contact-section,
body.unique2-theme .order-tracking-section { background: transparent; }
body.unique2-theme .about-section { background: linear-gradient(180deg, #16050a, #0c0305); }
body.unique2-theme .delivery-section { background: linear-gradient(180deg, #0c0305, #16050a); }

/* ---- Product cards: lustful hover reveal ---- */
body.unique2-theme .product-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 3px;
    box-shadow: var(--shadow);
    overflow: hidden;
    position: relative;
    transition: transform 0.6s cubic-bezier(0.22,0.61,0.36,1), box-shadow 0.6s, border-color 0.6s;
}
body.unique2-theme .product-image { aspect-ratio: 3 / 4; background: #0a0204; position: relative; }
body.unique2-theme .product-image::after {
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(12,3,5,0.05) 0%, transparent 32%, rgba(12,3,5,0.35) 72%, rgba(225,29,63,0.6) 100%);
    pointer-events: none;
    transition: opacity 0.6s ease;
}
body.unique2-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.2rem; letter-spacing: 2px;
    color: #fff; padding: 10px 24px;
    border: 1px solid rgba(255,92,120,0.8);
    border-radius: 2px;
    background: rgba(138,10,34,0.4);
    backdrop-filter: blur(3px);
    opacity: 0; pointer-events: none;
    transition: opacity 0.5s ease, transform 0.5s ease;
    text-shadow: 0 2px 12px rgba(0,0,0,0.7);
    box-shadow: 0 0 24px rgba(225,29,63,0.5);
}
body.unique2-theme .product-card:hover .product-image::before { opacity: 1; transform: translate(-50%, -50%) scale(1); }
body.unique2-theme .product-card:hover {
    transform: translateY(-10px);
    border-color: rgba(255,46,77,0.6);
    box-shadow: 0 40px 100px rgba(138,10,34,0.65), 0 0 0 1px rgba(255,46,77,0.3), 0 0 40px rgba(225,29,63,0.25);
}
body.unique2-theme .product-image img { transition: transform 0.9s cubic-bezier(0.22,0.61,0.36,1), filter 0.6s; }
body.unique2-theme .product-card:hover .product-image img { transform: scale(1.09); filter: brightness(0.92) saturate(1.15) contrast(1.05); }
body.unique2-theme .product-brand {
    color: var(--ember);
    font-family: 'Italiana', serif;
    letter-spacing: 3px;
    font-size: 0.72rem;
    text-shadow: 0 0 14px rgba(255,46,77,0.4);
}
body.unique2-theme .product-info h3 { font-family: var(--serif); font-weight: 500; font-size: 1.35rem; color: var(--text); }
body.unique2-theme .product-meta,
body.unique2-theme .product-meta span { color: var(--text-light); }
body.unique2-theme .product-price {
    color: var(--gold-soft);
    font-family: var(--serif); font-weight: 600; font-size: 1.4rem;
    text-shadow: 0 0 16px rgba(246,213,154,0.35);
}
body.unique2-theme .product-price .old-price { color: var(--text-light); }
body.unique2-theme .product-card-controls { border-top: 1px solid var(--line); }
body.unique2-theme .qty-selector,
body.unique2-theme .size-select,
body.unique2-theme select { background: rgba(255,255,255,0.04); border: 1px solid var(--line); color: var(--text); }
body.unique2-theme .qty-selector button { color: var(--ember); }
body.unique2-theme .discount-badge,
body.unique2-theme .status-badge {
    background: linear-gradient(135deg, #ff2e4d, #9e0b26);
    color: #fff; letter-spacing: 1px;
    box-shadow: 0 6px 20px rgba(225,29,63,0.55);
}
body.unique2-theme .empty-products,
body.unique2-theme .store-notice,
body.unique2-theme .store-loading p { color: var(--text-light); }
body.unique2-theme .spinner { border-top-color: var(--ember); }

/* ---- Filters ---- */
body.unique2-theme .filter-btn { background: transparent; border: 1px solid var(--line); color: var(--text-light); border-radius: 40px; letter-spacing: 1px; }
body.unique2-theme .filter-btn.active { background: var(--scarlet); color: #fff; border-color: var(--scarlet); box-shadow: 0 0 18px rgba(225,29,63,0.5); }
body.unique2-theme .filter-toggle-btn { color: var(--ember); border-color: var(--line); }
body.unique2-theme .filter-panel { background: var(--card); border: 1px solid var(--line); }
body.unique2-theme .products-search input,
body.unique2-theme #orderTrackingInput { background: rgba(255,255,255,0.04); border: 1px solid var(--line); color: var(--text); }
body.unique2-theme .products-search input::placeholder,
body.unique2-theme #orderTrackingInput::placeholder { color: var(--text-light); }

/* ---- About / features ---- */
body.unique2-theme .about-text p { color: var(--text-light); font-family: var(--serif); font-style: italic; font-size: 1.3rem; }
body.unique2-theme .feature { color: var(--text); }
body.unique2-theme .feature-icon { color: var(--ember); text-shadow: 0 0 12px rgba(255,46,77,0.5); }

/* ---- Brand / category tiles ---- */
body.unique2-theme .brand-card,
body.unique2-theme .brands-grid > * { background: var(--card); border: 1px solid var(--line); border-radius: 3px; }
body.unique2-theme .brand-card:hover { border-color: rgba(255,46,77,0.5); box-shadow: 0 0 30px rgba(225,29,63,0.25); }

/* ---- Delivery ---- */
body.unique2-theme .delivery-card { background: var(--card); border: 1px solid var(--line); border-radius: 3px; }
body.unique2-theme .delivery-card h3 { color: var(--gold-soft); font-family: var(--serif); }
body.unique2-theme .delivery-card p { color: var(--text-light); }
body.unique2-theme .delivery-icon { filter: sepia(0.4) saturate(3) hue-rotate(-20deg); }

/* ---- Contact ---- */
body.unique2-theme .social-btn { border: 1px solid var(--line); background: var(--card); color: var(--text); }
body.unique2-theme .social-btn:hover { border-color: var(--ember); background: rgba(225,29,63,0.14); box-shadow: 0 0 24px rgba(225,29,63,0.3); }

/* ---- Order tracking ---- */
body.unique2-theme .order-tracking-card { background: var(--card); border: 1px solid var(--line); }
body.unique2-theme .order-tracking-result { color: var(--text-light); }

/* ---- PDP modal ---- */
body.unique2-theme .pdp-modal { background: var(--card); border: 1px solid var(--line); }
body.unique2-theme .pdp-close { color: var(--text); }
body.unique2-theme .pdp-info h2 { font-family: var(--serif); color: var(--text); }
body.unique2-theme .pdp-price { color: var(--gold-soft); }
body.unique2-theme .pdp-size-options button { background: rgba(255,255,255,0.04); border: 1px solid var(--line); color: var(--text); }
body.unique2-theme .pdp-size-options button.active { background: var(--scarlet); color: #fff; }

/* ---- Cart sidebar ---- */
body.unique2-theme .cart-sidebar { background: #14040a; border-left: 1px solid var(--line); }
body.unique2-theme .cart-header { border-bottom: 1px solid var(--line); }
body.unique2-theme .cart-header h3 { font-family: var(--serif); color: var(--text); }
body.unique2-theme .cart-close { color: var(--text); }
body.unique2-theme .cart-item { border-bottom: 1px solid var(--line); color: var(--text); }
body.unique2-theme .cart-empty { color: var(--text-light); }
body.unique2-theme .cart-footer { border-top: 1px solid var(--line); }
body.unique2-theme .cart-total { color: var(--text); }
body.unique2-theme .cart-total #cartTotal { color: var(--gold-soft); }
body.unique2-theme .btn-clear-cart { color: var(--text-light); }

/* ---- Banner + footer ---- */
body.unique2-theme .discount-banner { background: linear-gradient(90deg, #9e0b26, #ff2e4d, #9e0b26); color: #fff; }
body.unique2-theme .footer { background: #080203; border-top: 1px solid var(--line); color: var(--text-light); font-family: var(--serif); font-style: italic; letter-spacing: 1px; }

/* ---- Hero dots ---- */
body.unique2-theme .hero-dots .dot { background: rgba(255,238,240,0.4); }
body.unique2-theme .hero-dots .dot.active { background: var(--ember); box-shadow: 0 0 12px rgba(255,46,77,0.7); }

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
    body.unique2-theme .hero-eyebrow,
    body.unique2-theme .section-title,
    body.unique2-theme #bgGlow,
    body.unique2-theme .btn-primary::after,
    body.unique2-theme .btn-add-cart::after,
    body.unique2-theme .btn-checkout::after,
    body.unique2-theme .pdp-add-btn::after { animation: none; }
}
