/* 🔥 CEO CRITICAL FIXES - Production Polish */

/* ═══════════════════════════════════════════════════════════════
   FIX #1: THEME TOGGLE - Make dark/light mode VISUALLY work
   ═══════════════════════════════════════════════════════════════ */

/* Ensure theme variables actually change based on data-theme */
:root[data-theme="light"],
html[data-theme="light"] {
    --bg: #ffffff !important;
    --text: #1a1a1a !important;
    --card-bg: #f8f8f8 !important;
    --primary: #632148 !important;
    --accent: #C4B454 !important;
    --text-muted: #666666 !important;
    --shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

/* Dark mode removed */

/* Apply theme colors to body and all elements */
html[data-theme="light"] body {
    background: var(--bg) !important;
    color: var(--text) !important;
}



/* Fix navbar colors in both themes */
html[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #1a1a1a !important;
}



/* Fix hero section colors */
html[data-theme="light"] .hero {
    background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%) !important;
    color: #1a1a1a !important;
}



/* Fix card colors */
html[data-theme="light"] .price-card,
html[data-theme="light"] .expertise-card,
html[data-theme="light"] .testimonial-card {
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #e0e0e0 !important;
}



/* Fix button text readability */
html[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, #632148, #4a1835) !important;
    color: #ffffff !important;
}



/* ═══════════════════════════════════════════════════════════════
   FIX #2: MOBILE MENU - Make hamburger actually work
   ═══════════════════════════════════════════════════════════════ */

/* Ensure nav-links are hidden by default on mobile */
/* Mobile menu styles consolidated in theme_core.css (max-width: 768px) */

/* ═══════════════════════════════════════════════════════════════
   FIX #3: CURRENCY BADGE - Make compact and modern
   ═══════════════════════════════════════════════════════════════ */

.location-indicator {
    font-size: 0.7rem !important;
    padding: 0.35rem 0.6rem !important;
    border-radius: 16px !important;
    background: rgba(99, 33, 72, 0.92) !important;
    backdrop-filter: blur(8px) !important;
    gap: 0.4rem !important;
    max-width: 140px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.location-indicator span {
    font-size: 0.65rem !important;
}

.location-indicator .change-btn {
    padding: 0.2rem 0.5rem !important;
    font-size: 0.65rem !important;
    border-radius: 8px !important;
}


/* ---------------------------------------------------------------
   FIX #4: LANGUAGE SELECTOR - Modern styling (2026, not 2008!)
   --------------------------------------------------------------- */

#google_translate_element .goog-te-gadget {
    background: transparent !important;
    border: none !important;
}

#google_translate_element .goog-te-gadget-icon {
    display: none !important;
}

#google_translate_element .goog-te-combo {
    background: var(--card-bg) !important;
    border: 1px solid rgba(99, 33, 72, 0.2) !important;
    border-radius: 8px !important;
    padding: 0.5rem 0.7rem !important;
    color: var(--text) !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#google_translate_element .goog-te-combo:hover {
    border-color: var(--accent) !important;
    box-shadow: 0 2px 8px rgba(196, 180, 84, 0.3) !important;
}

/* ---------------------------------------------------------------
   FIX #5: SMOOTH THEME TRANSITIONS
   --------------------------------------------------------------- */

/* FIX #5: Wildcard transition removed — dark mode no longer exists */

/* Ensure navbar is always visible */
.navbar {
    z-index: 10000 !important;
}

/* ---------------------------------------------------------------
   FIX #6: COMPREHENSIVE UPPERCASE - ALL PAGES, ALL HEADINGS
   User wants ALL titles/headings uppercase across ENTIRE site
   --------------------------------------------------------------- */

/* Hero Title - Home Page */
.hero-title,
.hero h1 {
    text-transform: uppercase !important;
}

/* Section Titles - ALL Pages */
.section-title,
h2.section-title,
h1.section-title {
    text-transform: uppercase !important;
}

/* Navigation Logo - ALL Pages */
.nav-logo {
    text-transform: uppercase !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.nav-logo-img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    vertical-align: middle;
}

/* Card Titles - Pricing, Services, Testimonials */
.price-card h3,
.pricing-card h3,
.expertise-card h3,
.testimonial-card h3,
.service-card h3 {
    text-transform: uppercase !important;
}

/* Page-Specific Titles */
.status-header h1,
.booking-header h1,
.gemstones-header h1,
.faq-header h1,
h1 {
    text-transform: uppercase !important;
}

/* About Section Headings */
.about-content h2,
.about-content h3 {
    text-transform: uppercase !important;
}

/* Footer Section Titles */
.footer-col h4 {
    text-transform: uppercase !important;
}

/* Badge/Label Text */
.hero-badge,
.status-badge,
.feature-badge {
    text-transform: uppercase !important;
}

/* Ensure uppercase stays on all screen sizes */
@media (max-width: 768px) {

    .hero-title,
    .hero h1,
    .section-title,
    .nav-logo,
    h1,
    h2,
    h3 {
        text-transform: uppercase !important;
    }
}

/* ---------------------------------------------------------------
   FIX #7: FONTAWESOME ICONS IN HEADINGS (2026-02-07)
   Icons inside H1/H2/H3 inherit Cinzel font, breaking display
   Force FontAwesome font-family for all <i> tags in headings
   --------------------------------------------------------------- */

h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i {
    font-family: "Font Awesome 6 Free" !important;
    /* FontAwesome uses solid (900) or regular (400) weight */
    font-weight: 900 !important;
    /* Add breathing space */
    margin-right: 10px !important;
    /* Prevent Cinzel from breaking icon */
    font-style: normal !important;
}

/* Ensure icons work in specific heading classes too */
.section-title i,
.hero-title i,
.status-header i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 10px !important;
    font-style: normal !important;
}