/* Wine Climats - Theme CSS */
@import url("https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
    --bs-font-sans-serif:
        "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);

    /* Primary & Secondary Color Palette (Default: Burgundy) */
    --wc-primary: #6f4e37;
    --wc-primary-rgb: 111, 78, 55;
    --wc-primary-dark: #573c29;
    --wc-primary-light: #8a654c;

    --wc-secondary: #996515;
    --wc-secondary-rgb: 153, 101, 21;
    --wc-secondary-dark: #7a4f10;
    --wc-secondary-light: #b8860b;

    --bs-primary: var(--wc-primary);
    --bs-primary-rgb: var(--wc-primary-rgb);
    --bs-secondary: var(--wc-secondary);
    --bs-secondary-rgb: var(--wc-secondary-rgb);

    /* Layout dimensions */
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 70px;
    --navbar-height: 60px;
    --footer-height: 50px;
    --topbar-bg: #ffffff;
    --sidebar-bg: #212529;
    --sidebar-color: #ced4da;
    --sidebar-active-bg: var(--wc-primary);
    --sidebar-active-color: #ffffff;
    --sidebar-hover-bg: rgba(255, 255, 255, 0.08);
}

/* 9 Template Color Presets */
/* 1. Burgundy Wine (Default) */
[data-color-theme="burgundy"] {
    --wc-primary: #6f4e37;
    --wc-primary-rgb: 111, 78, 55;
    --wc-primary-dark: #573c29;
    --wc-primary-light: #8a654c;

    --wc-secondary: #996515;
    --wc-secondary-rgb: 153, 101, 21;
    --wc-secondary-dark: #7a4f10;
    --wc-secondary-light: #b8860b;

    --sidebar-active-bg: #6f4e37;
}

/* 2. Grand Cru Pinot Noir (Deep Ruby & Dark Amber Gold) */
[data-color-theme="pinot-noir"] {
    --wc-primary: #7a1c30;
    --wc-primary-rgb: 122, 28, 48;
    --wc-primary-dark: #581222;
    --wc-primary-light: #9b2841;

    --wc-secondary: #a67c00;
    --wc-secondary-rgb: 166, 124, 0;
    --wc-secondary-dark: #806000;
    --wc-secondary-light: #c29b1a;

    --sidebar-active-bg: #7a1c30;
}

/* 3. Midnight Cellar (Sapphire Blue & Bronze Gold) */
[data-color-theme="sapphire-cellar"] {
    --wc-primary: #1b365d;
    --wc-primary-rgb: 27, 54, 93;
    --wc-primary-dark: #122442;
    --wc-primary-light: #2a4f80;

    --wc-secondary: #9a7228;
    --wc-secondary-rgb: 154, 114, 40;
    --wc-secondary-dark: #7a581c;
    --wc-secondary-light: #ba8e3a;

    --sidebar-active-bg: #1b365d;
}

/* 4. Tuscan Estate (Cypress Green & Dark Harvest Gold) */
[data-color-theme="tuscan-estate"] {
    --wc-primary: #2d4a3e;
    --wc-primary-rgb: 45, 74, 62;
    --wc-primary-dark: #1f332a;
    --wc-primary-light: #3d6452;

    --wc-secondary: #8c6d1f;
    --wc-secondary-rgb: 140, 109, 31;
    --wc-secondary-dark: #6e5416;
    --wc-secondary-light: #aa8732;

    --sidebar-active-bg: #2d4a3e;
}

/* 5. Champagne Rosé (Royal Plum & Rich Rose Copper) */
[data-color-theme="champagne-rose"] {
    --wc-primary: #5c2751;
    --wc-primary-rgb: 92, 39, 81;
    --wc-primary-dark: #401834;
    --wc-primary-light: #7a396c;

    --wc-secondary: #a05268;
    --wc-secondary-rgb: 160, 82, 104;
    --wc-secondary-dark: #803d52;
    --wc-secondary-light: #be6d85;

    --sidebar-active-bg: #5c2751;
}

/* 6. Emerald Vineyard (Deep Emerald & Warm Oak) */
[data-color-theme="emerald-vineyard"] {
    --wc-primary: #0f5257;
    --wc-primary-rgb: 15, 82, 87;
    --wc-primary-dark: #0a3a3d;
    --wc-primary-light: #187178;

    --wc-secondary: #9c663b;
    --wc-secondary-rgb: 156, 102, 59;
    --wc-secondary-dark: #7c502d;
    --wc-secondary-light: #b88056;

    --sidebar-active-bg: #0f5257;
}

/* 7. Monterey Charcoal (Sleek Charcoal & Deep Slate Steel) */
[data-color-theme="monterey-charcoal"] {
    --wc-primary: #2b2d42;
    --wc-primary-rgb: 43, 45, 66;
    --wc-primary-dark: #1b1c2b;
    --wc-primary-light: #3e4161;

    --wc-secondary: #4a5568;
    --wc-secondary-rgb: 74, 85, 104;
    --wc-secondary-dark: #334155;
    --wc-secondary-light: #64748b;

    --sidebar-active-bg: #2b2d42;
}

/* 8. Terracotta Cask (Aged Terracotta & Chestnut Bronze) */
[data-color-theme="terracotta-cask"] {
    --wc-primary: #a04a30;
    --wc-primary-rgb: 160, 74, 48;
    --wc-primary-dark: #7a321f;
    --wc-primary-light: #c26348;

    --wc-secondary: #92400e;
    --wc-secondary-rgb: 146, 64, 14;
    --wc-secondary-dark: #723009;
    --wc-secondary-light: #b45309;

    --sidebar-active-bg: #a04a30;
}

/* 9. Imperial Amethyst (Velvet Syrah & Antique Gold) */
[data-color-theme="imperial-amethyst"] {
    --wc-primary: #3b1c32;
    --wc-primary-rgb: 59, 28, 50;
    --wc-primary-dark: #241020;
    --wc-primary-light: #592e4c;

    --wc-secondary: #856404;
    --wc-secondary-rgb: 133, 100, 4;
    --wc-secondary-dark: #634b02;
    --wc-secondary-light: #a37d0a;

    --sidebar-active-bg: #3b1c32;
}

[data-bs-theme="dark"] {
    --topbar-bg: #1e2227;
    --sidebar-bg: #181b1e;
    --sidebar-color: #a0a5ab;
    --sidebar-active-bg: var(--wc-primary);
    --sidebar-active-color: #ffffff;
}

body {
    font-family: var(--bs-body-font-family);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    -webkit-font-smoothing: antialiased;
}

/* Custom buttons for Wine Climats brand colors */
.btn-primary {
    --bs-btn-bg: var(--wc-primary);
    --bs-btn-border-color: var(--wc-primary);
    --bs-btn-hover-bg: var(--wc-primary-dark);
    --bs-btn-hover-border-color: var(--wc-primary-dark);
    --bs-btn-active-bg: var(--wc-primary-dark);
    --bs-btn-active-border-color: var(--wc-primary-dark);
    --bs-btn-focus-shadow-rgb: var(--wc-primary-rgb);
    color: #ffffff;
}

.btn-outline-primary {
    --bs-btn-color: var(--wc-primary);
    --bs-btn-border-color: var(--wc-primary);
    --bs-btn-hover-bg: var(--wc-primary);
    --bs-btn-hover-border-color: var(--wc-primary);
    --bs-btn-active-bg: var(--wc-primary);
    --bs-btn-active-border-color: var(--wc-primary);
}

.btn-secondary {
    --bs-btn-bg: var(--wc-secondary);
    --bs-btn-border-color: var(--wc-secondary);
    --bs-btn-hover-bg: var(--wc-secondary-dark);
    --bs-btn-hover-border-color: var(--wc-secondary-dark);
    --bs-btn-active-bg: var(--wc-secondary-dark);
    --bs-btn-active-border-color: var(--wc-secondary-dark);
    --bs-btn-focus-shadow-rgb: var(--wc-secondary-rgb);
    color: #ffffff;
}

.bg-primary-subtle {
    background-color: rgba(var(--wc-primary-rgb), 0.12) !important;
    color: var(--wc-primary) !important;
}

.bg-secondary-subtle {
    background-color: rgba(var(--wc-secondary-rgb), 0.12) !important;
    color: var(--wc-secondary) !important;
    font-weight: 600;
}

.text-primary-wine {
    color: var(--wc-primary) !important;
}

.text-secondary-gold {
    color: var(--wc-secondary) !important;
}

/* Color Theme Selection Cards */
.color-theme-card {
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    border: 2px solid var(--bs-border-color);
}

.color-theme-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
}

.color-theme-card.active {
    border-color: var(--wc-primary) !important;
    background-color: rgba(var(--wc-primary-rgb), 0.05);
}

.color-swatch-circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    border: 2px solid #ffffff;
}