/* ========== Theme Overrides ========== */

/* --- Modern Dark --- */
body.theme-modern-dark {
    background: #0a0a0a;
    color: #e0e0e0;
}

body.theme-modern-dark #header {
    background: #1a1a2e;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}

body.theme-modern-dark #navbar li a,
body.theme-modern-dark h1,
body.theme-modern-dark h2,
body.theme-modern-dark h4,
body.theme-modern-dark h6 {
    color: #e0e0e0;
}

body.theme-modern-dark #navbar li a:hover,
body.theme-modern-dark #navbar li a.active {
    color: #00d4ff;
}

body.theme-modern-dark #hero {
    background-image: linear-gradient(135deg, #16213e 0%, #0f3460 100%);
}

body.theme-modern-dark #hero h1,
body.theme-modern-dark #hero h2,
body.theme-modern-dark #hero h4,
body.theme-modern-dark #hero p {
    color: #fff;
}

body.theme-modern-dark .pro {
    background: #1e1e30;
    border: 1px solid #2a2a3e;
}

body.theme-modern-dark .pro .des h5 {
    color: #e0e0e0;
}

body.theme-modern-dark .pro .des span {
    color: #888;
}

body.theme-modern-dark .pro .des h4 {
    color: #00d4ff;
}

body.theme-modern-dark .section-p1 {
    background: #0a0a0a;
}

body.theme-modern-dark #banner {
    background-color: #16213e;
}

body.theme-modern-dark #sm-banner .banner-box {
    background-color: #1a1a2e;
}

body.theme-modern-dark #newsletter {
    background: #16213e;
}

body.theme-modern-dark footer {
    background: #0f0f1a;
    color: #ccc;
}

body.theme-modern-dark footer h4,
body.theme-modern-dark footer p,
body.theme-modern-dark footer a {
    color: #bbb;
}

body.theme-modern-dark p {
    color: #a0a0a0;
}

body.theme-modern-dark #search-bar {
    border-color: #00d4ff;
    background: #16213e;
}

body.theme-modern-dark #search-bar input,
body.theme-modern-dark #search-bar select {
    background: #16213e;
    color: #e0e0e0;
}

body.theme-modern-dark .fe-box {
    background: #1e1e30;
    border: 1px solid #2a2a3e;
}

body.theme-modern-dark .fe-box h6 {
    color: #ccc;
}

/* --- Elegant --- */
body.theme-elegant #header {
    background: #f8f0e3;
}

body.theme-elegant #navbar li a:hover,
body.theme-elegant #navbar li a.active {
    color: #b8860b;
}

body.theme-elegant #navbar li a.active::after,
body.theme-elegant #navbar li a:hover::after {
    background: #b8860b;
}

body.theme-elegant #hero {
    background-image: none;
}

body.theme-elegant #hero h1,
body.theme-elegant #hero h2,
body.theme-elegant #hero h4,
body.theme-elegant #hero p {
    color: #fff;
}

body.theme-elegant .pro:hover {
    box-shadow: 0 8px 30px rgba(184,134,11,0.15);
}

body.theme-elegant .pro .des h4 {
    color: #b8860b;
}

body.theme-elegant #search-bar {
    border-color: #b8860b;
}

body.theme-elegant #search-bar:focus-within {
    border-color: #d4a843;
    box-shadow: 0 0 0 3px rgba(212,168,67,0.3);
}

body.theme-elegant #banner {
    background-color: #f8f0e3;
}

body.theme-elegant #newsletter {
    background: #f8f0e3;
}

body.theme-elegant .normal,
body.theme-elegant button.normal {
    background: #b8860b;
    color: #fff;
}

/* --- Vibrant --- */
body.theme-vibrant #header {
    background: #fff0f0;
}

body.theme-vibrant #navbar li a:hover,
body.theme-vibrant #navbar li a.active {
    color: #ee5a24;
}

body.theme-vibrant #navbar li a.active::after,
body.theme-vibrant #navbar li a:hover::after {
    background: #ee5a24;
}

body.theme-vibrant #hero {
    background-image: linear-gradient(135deg, #ee5a24 0%, #f368e0 100%);
}

body.theme-vibrant #hero h1,
body.theme-vibrant #hero h2,
body.theme-vibrant #hero h4,
body.theme-vibrant #hero p {
    color: #fff;
}

body.theme-vibrant .pro:hover {
    box-shadow: 0 8px 30px rgba(238,90,36,0.15);
}

body.theme-vibrant .pro .des h4 {
    color: #ee5a24;
}

body.theme-vibrant #search-bar {
    border-color: #ee5a24;
}

body.theme-vibrant #search-bar:focus-within {
    border-color: #f368e0;
    box-shadow: 0 0 0 3px rgba(243,104,224,0.3);
}

body.theme-vibrant #banner {
    background-color: #fff0f0;
}

body.theme-vibrant #newsletter {
    background: linear-gradient(135deg, #ffeaa7, #fab1a0);
}

body.theme-vibrant .normal,
body.theme-vibrant button.normal {
    background: #ee5a24;
    color: #fff;
}

/* --- Minimal --- */
body.theme-minimal #header {
    background: #fafafa;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

body.theme-minimal #navbar li a:hover,
body.theme-minimal #navbar li a.active {
    color: #2d3436;
}

body.theme-minimal #navbar li a.active::after,
body.theme-minimal #navbar li a:hover::after {
    background: #2d3436;
}

body.theme-minimal #hero {
    background-image: linear-gradient(135deg, #2d3436 0%, #636e72 100%);
}

body.theme-minimal #hero h1,
body.theme-minimal #hero h2,
body.theme-minimal #hero h4,
body.theme-minimal #hero p {
    color: #fff;
}

body.theme-minimal .pro {
    border: 1px solid #eee;
    box-shadow: none;
}

body.theme-minimal .pro:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

body.theme-minimal .pro .des h4 {
    color: #2d3436;
}

body.theme-minimal #search-bar {
    border-color: #2d3436;
}

body.theme-minimal #search-bar:focus-within {
    border-color: #636e72;
    box-shadow: 0 0 0 3px rgba(99,110,114,0.2);
}

body.theme-minimal #banner {
    background-color: #f5f5f5;
}

body.theme-minimal #newsletter {
    background: #f5f5f5;
}

body.theme-minimal .normal,
body.theme-minimal button.normal {
    background: #2d3436;
    color: #fff;
}

/* ============================================================
   --- Luxury Dark (Shopify-style premium theme) ---
   Deep maroon header · Warm beige/stone body · Serif headings
   ============================================================ */

/* --- Import Playfair Display for headings --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&display=swap');

body.theme-luxury-dark {
    background: #f0ede6;
    color: #1a1a1a;
}

/* Headings use serif font */
body.theme-luxury-dark h1,
body.theme-luxury-dark h2,
body.theme-luxury-dark h3,
body.theme-luxury-dark h4 {
    font-family: 'Playfair Display', 'Georgia', serif;
    color: #1a1a1a;
    letter-spacing: 0.02em;
}

/* --- Header: deep maroon like the screenshots --- */
body.theme-luxury-dark #header {
    background: #2b0c10;
    box-shadow: 0 2px 16px rgba(0,0,0,0.35);
}

body.theme-luxury-dark #navbar li a {
    color: rgba(255,255,255,0.85);
}

body.theme-luxury-dark #navbar li a:hover,
body.theme-luxury-dark #navbar li a.active {
    color: #ffffff;
}

body.theme-luxury-dark #navbar li a.active::after,
body.theme-luxury-dark #navbar li a:hover::after {
    background: #ffffff;
}

/* Logo in header */
body.theme-luxury-dark #header .logo {
    filter: brightness(0) invert(1);
}

/* Search bar */
body.theme-luxury-dark #search-bar {
    border-color: rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.08);
    border-radius: 4px;
}

body.theme-luxury-dark #search-bar input,
body.theme-luxury-dark #search-bar select {
    background: transparent;
    color: #fff;
}

body.theme-luxury-dark #search-bar input::placeholder {
    color: rgba(255,255,255,0.5);
}

body.theme-luxury-dark #search-bar:focus-within {
    border-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
}

/* Mobile icons in header */
body.theme-luxury-dark #mobile i,
body.theme-luxury-dark #header #close {
    color: #fff;
}

/* --- Hero section --- */
body.theme-luxury-dark #hero {
    background-color: #2b0c10;
    background-image: linear-gradient(135deg, #2b0c10 0%, #5c1a24 100%);
}

body.theme-luxury-dark #hero h4,
body.theme-luxury-dark #hero h1,
body.theme-luxury-dark #hero h2,
body.theme-luxury-dark #hero p {
    color: #f5f0e8;
}

body.theme-luxury-dark #hero h4 {
    color: rgba(245,240,232,0.7);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 13px;
    font-family: 'Spartan', sans-serif;
    font-weight: 600;
}

body.theme-luxury-dark #hero h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 52px;
    line-height: 1.15;
}

/* Hero buttons */
body.theme-luxury-dark #hero button.normal,
body.theme-luxury-dark #hero .normal {
    background: #f5f0e8;
    color: #2b0c10;
    border-radius: 2px;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 28px;
}

body.theme-luxury-dark #hero button.normal:hover {
    background: #fff;
}

/* --- Features strip --- */
body.theme-luxury-dark #feature {
    background: #f0ede6;
}

body.theme-luxury-dark #feature .fe-box {
    background: #fff;
    border: 1px solid #e0d8cc;
    border-radius: 6px;
}

body.theme-luxury-dark #feature .fe-box:hover {
    background: #ede8df;
    border-color: #c8bfb0;
}

/* --- Product cards --- */
body.theme-luxury-dark #product1 .pro,
body.theme-luxury-dark #product2 .pro {
    background: #fff;
    border: 1px solid #e0d8cc;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(43,12,16,0.04);
}

body.theme-luxury-dark #product1 .pro:hover,
body.theme-luxury-dark #product2 .pro:hover {
    box-shadow: 0 8px 24px rgba(43,12,16,0.1);
    border-color: #c8bfb0;
}

body.theme-luxury-dark #product1 .pro .des h5,
body.theme-luxury-dark #product2 .pro .des h5 {
    color: #1a1a1a;
    font-family: 'Playfair Display', Georgia, serif;
}

body.theme-luxury-dark #product1 .pro:hover .des h5,
body.theme-luxury-dark #product2 .pro:hover .des h5 {
    color: #5c1a24;
}

body.theme-luxury-dark #product1 .pro .des h4,
body.theme-luxury-dark #product2 .pro .des h4 {
    color: #2b0c10;
    font-family: 'Spartan', sans-serif;
}

body.theme-luxury-dark #product1 .pro .cart,
body.theme-luxury-dark #product2 .pro .cart {
    background: #2b0c10;
    color: #fff;
}

body.theme-luxury-dark #product1 .pro .cart:hover,
body.theme-luxury-dark #product2 .pro .cart:hover {
    background: #5c1a24;
}

/* --- Banner / Promotional section --- */
body.theme-luxury-dark #banner {
    background-color: #2b0c10;
}

body.theme-luxury-dark #banner h4,
body.theme-luxury-dark #banner h2 {
    color: #f5f0e8;
    font-family: 'Playfair Display', Georgia, serif;
}

body.theme-luxury-dark #banner h2 span {
    color: #d4a853;
}

body.theme-luxury-dark #sm-banner .banner-box {
    background-color: #3d1018;
}

body.theme-luxury-dark #sm-banner .banner-box h4,
body.theme-luxury-dark #sm-banner .banner-box h2 {
    color: #f5f0e8;
}

/* --- Newsletter --- */
body.theme-luxury-dark #newsletter {
    background: #2b0c10;
    color: #f5f0e8;
}

body.theme-luxury-dark #newsletter h4 {
    color: #f5f0e8;
    font-family: 'Playfair Display', Georgia, serif;
}

body.theme-luxury-dark #newsletter p {
    color: rgba(245,240,232,0.75);
}

body.theme-luxury-dark #newsletter input {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.25);
    color: #fff;
}

body.theme-luxury-dark #newsletter button {
    background: #d4a853;
    color: #2b0c10;
}

body.theme-luxury-dark #newsletter button:hover {
    background: #e8b96a;
}

/* --- General sections --- */
body.theme-luxury-dark .section-p1 {
    background: #f0ede6;
}

body.theme-luxury-dark p {
    color: #5a4e44;
}

/* --- Footer --- */
body.theme-luxury-dark footer {
    background: #1a0a0c;
    color: #c8bfb0;
}

body.theme-luxury-dark footer h4 {
    color: #f5f0e8;
    font-family: 'Playfair Display', Georgia, serif;
}

body.theme-luxury-dark footer p {
    color: #9e9088;
}

body.theme-luxury-dark footer a {
    color: #c8bfb0;
}

body.theme-luxury-dark footer a:hover {
    color: #f5f0e8;
}

body.theme-luxury-dark footer .follow i {
    color: #c8bfb0;
}

body.theme-luxury-dark footer .copyright p {
    color: #6e6258;
}

/* --- Buttons --- */
body.theme-luxury-dark .normal,
body.theme-luxury-dark button.normal {
    background: #2b0c10;
    color: #fff;
    border-radius: 2px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

body.theme-luxury-dark button.normal:hover {
    background: #5c1a24;
}

/* --- Shop / Collection pages --- */
body.theme-luxury-dark #page-header {
    background: #2b0c10;
}

body.theme-luxury-dark #page-header h2 {
    color: #f5f0e8;
    font-family: 'Playfair Display', Georgia, serif;
}

/* Filters on shop page */
body.theme-luxury-dark #filter-bar {
    background: #ede8df;
    border-color: #d0c8bc;
}

/* --- Scrollbar --- */
body.theme-luxury-dark ::-webkit-scrollbar-thumb {
    background: #c8bfb0;
}