/**
 * UbiMissa Theme - Deep Burgundy/Maroon
 * Applied when hostname includes 'ubimissa'
 */

/* Override CSS variables for ubimissa theme */
:root.theme-ubimissa {
    /* Primary Colors - Deep Burgundy/Maroon */
    --color-primary: #8B1A3E;
    --color-primary-hover: #A62850;
    --color-primary-light: rgba(139, 26, 62, 0.15);

    /* Gold accent (keep for highlights) */
    --color-accent: #D4AF37;
    --color-accent-light: rgba(212, 175, 55, 0.2);

    /* Background Colors - Dark purple-black */
    --color-bg-primary: #1a0f1a;
    --color-bg-secondary: rgba(139, 26, 62, 0.06);
    --color-bg-elevated: rgba(139, 26, 62, 0.12);

    /* Border Colors */
    --color-border-default: rgba(139, 26, 62, 0.2);
    --color-border-hover: rgba(139, 26, 62, 0.4);
    --color-border-active: rgba(139, 26, 62, 0.6);

    /* Text stays the same for readability */
    --color-text-primary: #f0e6e8;
    --color-text-secondary: #b8a0a8;
    --color-text-tertiary: #7a6a70;
}

/* Navigation overrides */
.theme-ubimissa .top-nav {
    background: rgba(26, 15, 26, 0.95);
    border-bottom: 1px solid rgba(139, 26, 62, 0.25);
}

.theme-ubimissa .logo {
    color: #D4AF37;
}

.theme-ubimissa .logo:hover {
    color: #e6c55a;
}

.theme-ubimissa .nav-link:hover,
.theme-ubimissa .nav-link.active {
    color: #D4AF37;
    background: rgba(139, 26, 62, 0.2);
}

.theme-ubimissa .nav-dropdown-toggle:hover,
.theme-ubimissa .nav-dropdown.open .nav-dropdown-toggle {
    color: #D4AF37;
    background: rgba(139, 26, 62, 0.2);
}

.theme-ubimissa .nav-dropdown-menu {
    background: rgba(26, 15, 26, 0.98);
    border-color: rgba(139, 26, 62, 0.3);
}

.theme-ubimissa .nav-dropdown-item:hover {
    background: rgba(139, 26, 62, 0.25);
    color: #D4AF37;
}

.theme-ubimissa .lang-btn.active {
    background: rgba(139, 26, 62, 0.3);
    border-color: rgba(139, 26, 62, 0.5);
    color: #D4AF37;
}

/* Body background */
.theme-ubimissa body,
.theme-ubimissa html {
    background: #1a0f1a;
}

.theme-ubimissa body {
    background: linear-gradient(180deg, #1a0f1a 0%, #2a1525 50%, #1a0f1a 100%);
}

/* Mass finder specific overrides */
.theme-ubimissa .answer-title {
    color: #D4AF37;
}

.theme-ubimissa .toggle-btn.active {
    background: #8B1A3E;
    color: white;
}

.theme-ubimissa .toggle-btn:hover {
    border-color: #8B1A3E;
    color: #D4AF37;
}

.theme-ubimissa .btn-primary {
    background: linear-gradient(135deg, #8B1A3E 0%, #A62850 100%);
    color: white;
}

.theme-ubimissa .btn-primary:hover {
    box-shadow: 0 4px 12px rgba(139, 26, 62, 0.4);
}

.theme-ubimissa .results-count {
    color: #D4AF37;
}

.theme-ubimissa .card-time-block .time {
    color: #D4AF37;
}

.theme-ubimissa .church-card:hover {
    border-color: rgba(139, 26, 62, 0.4);
}

.theme-ubimissa .slider-container input[type="range"]::-webkit-slider-thumb {
    background: #8B1A3E;
}

.theme-ubimissa .slider-labels span.active {
    color: #D4AF37;
}

/* Map sidebar overrides */
.theme-ubimissa #sidebar {
    background: #1a0f1a;
}

.theme-ubimissa .header {
    background: #1a0f1a;
    border-bottom-color: rgba(139, 26, 62, 0.2);
}

.theme-ubimissa .data-summary-number {
    color: #D4AF37;
}

.theme-ubimissa .filter-badge.active {
    background: rgba(139, 26, 62, 0.2);
    border-color: #8B1A3E;
    color: #D4AF37;
}

.theme-ubimissa .item-action-primary {
    background: #8B1A3E;
    border-color: #8B1A3E;
}

.theme-ubimissa .item-action-primary:hover {
    background: #A62850;
    border-color: #A62850;
}

.theme-ubimissa .geolocation-btn.loading {
    border-color: #8B1A3E;
    background: rgba(139, 26, 62, 0.15);
}

/* Footer */
.theme-ubimissa .footer-links a {
    color: #D4AF37;
}

/* Popup styles */
.theme-ubimissa .leaflet-popup-content-wrapper {
    background: rgba(26, 15, 26, 0.95);
    border-color: rgba(139, 26, 62, 0.3);
}

.theme-ubimissa .leaflet-popup-tip {
    background: rgba(26, 15, 26, 0.95);
}

.theme-ubimissa .popup-title {
    color: #D4AF37;
}

/* Reminder signup */
.theme-ubimissa .reminder-signup-box {
    background: rgba(26, 15, 26, 0.6);
    border-color: rgba(139, 26, 62, 0.3);
}

.theme-ubimissa .reminder-signup-box h2 {
    color: #D4AF37;
}

.theme-ubimissa .form-group input:focus,
.theme-ubimissa .form-group select:focus {
    border-color: #8B1A3E;
}

/* Language badge */
.theme-ubimissa .language-badge {
    background: rgba(139, 26, 62, 0.25);
    color: #D4AF37;
}

/* Mobile menu */
@media (max-width: 768px) {
    .theme-ubimissa .nav-links {
        background: #1a0f1a !important;
    }

    .theme-ubimissa .nav-link:hover,
    .theme-ubimissa .nav-link.active {
        background: rgba(139, 26, 62, 0.2) !important;
        border-color: rgba(139, 26, 62, 0.4) !important;
        color: #D4AF37 !important;
    }

    .theme-ubimissa .nav-dropdown-item:hover,
    .theme-ubimissa .nav-dropdown-item:active {
        background: rgba(139, 26, 62, 0.2) !important;
        border-color: rgba(139, 26, 62, 0.4) !important;
        color: #D4AF37 !important;
    }

    .theme-ubimissa .lang-btn.active {
        background: rgba(139, 26, 62, 0.3) !important;
        border-color: rgba(139, 26, 62, 0.5) !important;
        color: #D4AF37 !important;
    }
}