/* CSS Variables for Theme Switcher */
:root {
    --color-gold: #D4AF37;
    --color-gold-hover: #B89628;
    --color-dark: #0F172A;
    --color-navy: #1E293B;
    --color-bg: #FAF9F6;
}

/* Theme: Royal Gold (Default) */
body.theme-gold {
    --color-gold: #D4AF37;
    --color-gold-hover: #B89628;
    --color-dark: #0F172A;
    --color-navy: #1E293B;
    --color-bg: #FAF9F6;
}

/* Theme: Emerald Luxury (เขียวหรูหรา) */
body.theme-emerald {
    --color-gold: #D4AF37;
    --color-gold-hover: #B89628;
    --color-dark: #064E3B;
    --color-navy: #022C22;
    --color-bg: #F0FDF4;
}

/* Theme: Sapphire Blue (น้ำเงินไพลิน) */
body.theme-sapphire {
    --color-gold: #D4AF37;
    --color-gold-hover: #B89628;
    --color-dark: #1E3A8A;
    --color-navy: #172554;
    --color-bg: #EFF6FF;
}

/* Theme: Ruby Red (แดงทับทิม) */
body.theme-ruby {
    --color-gold: #D4AF37;
    --color-gold-hover: #B89628;
    --color-dark: #7F1D1D;
    --color-navy: #450A0A;
    --color-bg: #FEF2F2;
}

/* Navigation Active State & Underline Effect */
.nav-item {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.nav-item::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 3px;
    border-radius: 99px;
    background-color: var(--color-gold);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
}

.nav-item.active {
    color: var(--color-gold) !important;
    font-weight: 600;
}

.nav-item.active::after {
    width: 70%;
}

/* Gallery Category Filter Tabs */
.gallery-tab.active {
    background-color: var(--color-gold);
    color: #0F172A;
    font-weight: 600;
}

/* Lightbox Animation Fade */
#lightbox {
    transition: opacity 0.3s ease-in-out;
}

/* Owner Editable Outline Effects */
body.owner-mode .editable-field {
    outline: 2px dashed var(--color-gold);
    outline-offset: 3px;
    border-radius: 4px;
    cursor: text;
}

body.owner-mode .editable-field:focus {
    outline: 2px solid #3B82F6;
    background-color: rgba(212, 175, 55, 0.1);
}