/**
 * Custom Styles for Royal Thai Experiences
 * Dark & Light Themes with high contrast text
 */

/* ========== CSS ЗМІННІ ========== */
:root {
    --dark-bg-primary: #1a2433;
    --dark-bg-secondary: #1e2a3a;
    --dark-bg-tertiary: #243342;
    --dark-text-primary: #FFFFFF;
    --dark-text-secondary: #ECF0F1;
    --dark-text-muted: #BDC3C7;
    --dark-border: #2C3E50;
    --dark-border-light: #34495E;
    
    --light-bg-primary: #FAFAFA;
    --light-bg-secondary: #FFFFFF;
    --light-bg-tertiary: #F5F5F5;
    --light-text-primary: #1A1A1A;
    --light-text-secondary: #2D2D2D;
    --light-text-muted: #4A4A4A;
    --light-border: #D0D0D0;
    --light-border-light: #E5E5E5;
    
    --gold: #E67E22;
    --gold-light: #FF9B33;
    --gold-dark: #CC6A1A;
    --white: #FFFFFF;
    --black: #1A1A1A;
    --green-menu: #2E7D32;
    --green-menu-hover: #1B5E20;
    --success: #10B981;
    --error: #EF4444;
    --warning: #F59E0B;
    --info: #3B82F6;
    --whatsapp: #25D366;
    --telegram: #0088cc;
    --x-dark: #000000;
    --x-light: #FFFFFF;
    --neon-pink: #FF1493;
    --neon-pink-light: #FF69B4;
    
    --bg-primary: var(--dark-bg-primary);
    --bg-secondary: var(--dark-bg-secondary);
    --bg-tertiary: var(--dark-bg-tertiary);
    --text-primary: var(--dark-text-primary);
    --text-secondary: var(--dark-text-secondary);
    --text-muted: var(--dark-text-muted);
    --border-color: var(--dark-border);
    --border-light: var(--dark-border-light);
}

/* ========== НЕОНОВИЙ РОЖЕВИЙ ТЕКСТ ========== */
.neon-pink {
    color: #FF1493 !important;
    text-shadow: 0 0 5px #FF1493, 0 0 10px #FF69B4, 0 0 20px #FF1493, 0 0 40px #FF69B4;
    animation: neonPulse 1.5s ease-in-out infinite alternate;
}

@keyframes neonPulse {
    from {
        text-shadow: 0 0 5px #FF1493, 0 0 10px #FF69B4, 0 0 15px #FF1493;
    }
    to {
        text-shadow: 0 0 10px #FF1493, 0 0 20px #FF69B4, 0 0 30px #FF1493, 0 0 50px #FF69B4;
    }
}

/* ========== ЗОЛОТИЙ КОНТУР ДЛЯ ЗАГОЛОВКА ========== */
.gold-stroke {
    color: #FFFFFF !important;
    -webkit-text-stroke: 1.5px #D4AF37 !important;
    text-stroke: 1.5px #D4AF37 !important;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.6) !important;
    font-weight: 700 !important;
}

.gold-stroke-thick {
    color: #FFFFFF !important;
    -webkit-text-stroke: 2px #D4AF37 !important;
    text-stroke: 2px #D4AF37 !important;
    text-shadow: 0 0 25px rgba(212, 175, 55, 0.7) !important;
    font-weight: 800 !important;
}

.gold-stroke-thin {
    color: #FFFFFF !important;
    -webkit-text-stroke: 1px #D4AF37 !important;
    text-stroke: 1px #D4AF37 !important;
    text-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;
}

/* ========== ЗОЛОТА ПІДСВІТКА ДЛЯ ЗОБРАЖЕНЬ ========== */
.gold-overlay {
    background: radial-gradient(circle at center, rgba(212, 175, 55, 0.15) 0%, rgba(212, 175, 55, 0.05) 30%, transparent 70%);
    pointer-events: none;
    animation: goldGlow 6s ease-in-out infinite;
}

.gold-overlay-enhanced {
    background: radial-gradient(circle at center, rgba(212, 175, 55, 0.35) 0%, rgba(212, 175, 55, 0.2) 25%, rgba(212, 175, 55, 0.1) 50%, transparent 80%);
    pointer-events: none;
    animation: goldGlowEnhanced 4s ease-in-out infinite;
}

.gold-overlay-warm {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.25) 0%, rgba(255, 215, 0, 0.15) 50%, rgba(212, 175, 55, 0.25) 100%);
    pointer-events: none;
}

.gold-overlay-combined {
    background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.3) 0%, transparent 60%), linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(255, 215, 0, 0.1) 50%, rgba(212, 175, 55, 0.2) 100%);
    pointer-events: none;
    animation: goldGlowWarm 5s ease-in-out infinite;
}

@keyframes goldGlow {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.6; }
}

@keyframes goldGlowEnhanced {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

@keyframes goldGlowWarm {
    0% { background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.2) 0%, transparent 60%); }
    50% { background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.4) 0%, rgba(255, 215, 0, 0.15) 30%, transparent 70%); }
    100% { background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.2) 0%, transparent 60%); }
}

/* ========== ГРАДІЄНТИ ========== */
.bg-dark-light { background: linear-gradient(135deg, #1e2a3a 0%, #1a2433 50%, #15202b 100%) !important; }
.bg-dark-gradient { background: linear-gradient(135deg, #243342 0%, #1e2a3a 50%, #1a2433 100%) !important; }
.hero-gradient-bg { background: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 50%, var(--gold) 100%); }

/* ========== СВІТЛА ТЕМА ========== */
body.light-theme {
    --bg-primary: var(--light-bg-primary);
    --bg-secondary: var(--light-bg-secondary);
    --bg-tertiary: var(--light-bg-tertiary);
    --text-primary: var(--light-text-primary);
    --text-secondary: var(--light-text-secondary);
    --text-muted: var(--light-text-muted);
    --border-color: var(--light-border);
    --border-light: var(--light-border-light);
}

body.light-theme,
body.light-theme #main,
body.light-theme section:not(.bg-dark-800):not(.bg-dark-900) { background-color: var(--light-bg-primary) !important; }
body.light-theme .bg-dark-800, body.light-theme .bg-dark-900, body.light-theme .bg-dark-700, body.light-theme .bg-dark-600 { background-color: var(--light-bg-secondary) !important; }
body.light-theme .bg-dark-300, body.light-theme .bg-dark-400, body.light-theme .bg-dark-500 { background-color: var(--light-bg-tertiary) !important; }

/* ========== ГЛОБАЛЬНІ СТИЛІ ========== */
body { background: linear-gradient(135deg, #1e2a3a 0%, #1a2433 50%, #15202b 100%); color: var(--text-primary); font-weight: 500; }

body.light-theme, body.light-theme p, body.light-theme li, body.light-theme span, body.light-theme div:not(.special),
body.light-theme .text-gray-400, body.light-theme .text-gray-500, body.light-theme .text-gray-600 { color: var(--light-text-primary) !important; font-weight: 600 !important; }

body:not(.light-theme) p, body:not(.light-theme) li, body:not(.light-theme) span, body:not(.light-theme) .text-gray-400 { color: var(--dark-text-secondary) !important; font-weight: 500 !important; }

body.light-theme h1, body.light-theme h2, body.light-theme h3, body.light-theme h4, body.light-theme h5, body.light-theme h6 { color: #000000 !important; font-weight: 700 !important; }
body:not(.light-theme) h1, body:not(.light-theme) h2, body:not(.light-theme) h3, body:not(.light-theme) h4, body:not(.light-theme) h5, body:not(.light-theme) h6 { color: #FFFFFF !important; font-weight: 700 !important; }

/* ========== HEADER ========== */
#site-header { background: linear-gradient(to bottom, rgba(30,42,58,0.95), rgba(26,36,51,0.8)); }
#site-header.scrolled { background: var(--bg-secondary); }
body.light-theme #site-header { background: linear-gradient(to bottom, rgba(250,250,250,0.98), rgba(250,250,250,0.95)) !important; border-bottom: 1px solid #D0D0D0 !important; }
body.light-theme #site-header.scrolled { background: var(--light-bg-secondary) !important; }
.logo .text-gold-500 { color: var(--gold); }

/* ========== МЕНЮ ========== */
.main-navigation a { color: var(--text-secondary); font-weight: 600; }
body.light-theme .main-navigation a { color: #1A1A1A !important; font-weight: 700 !important; }
body.light-theme .main-navigation a:hover { color: var(--gold) !important; }
.sub-menu { background-color: var(--bg-secondary); border-color: var(--border-color); }
.sub-menu a { color: var(--text-primary); font-weight: 600; }
.sub-menu a:hover { background-color: var(--gold) !important; color: var(--white) !important; }
body.light-theme .sub-menu a { color: #1A1A1A !important; background-color: var(--light-bg-secondary) !important; font-weight: 700 !important; }

/* ========== ФІЛЬТРИ ========== */
section.sticky { background: var(--bg-secondary); border-bottom: 1px solid var(--border-color); }
body.light-theme section.sticky { background: var(--light-bg-secondary) !important; border-bottom: 2px solid var(--gold); }
select#filter-location, select#filter-price, select#filter-duration { background-color: var(--bg-tertiary); border-color: var(--border-color); color: var(--text-primary); font-weight: 500; }
body.light-theme select#filter-location, body.light-theme select#filter-price, body.light-theme select#filter-duration { background-color: var(--light-bg-secondary) !important; border-color: var(--light-border) !important; color: #1A1A1A !important; font-weight: 600 !important; }
#reset-filters { background-color: var(--bg-tertiary); color: var(--text-primary); font-weight: 600; }
#reset-filters:hover { background-color: var(--gold); color: var(--white); }

/* ========== КАРТКИ ========== */
.card-luxury, .tour-card { background: var(--bg-secondary); border: 1px solid var(--border-color); }
body.light-theme .card-luxury, body.light-theme .tour-card { background: var(--light-bg-secondary) !important; border-color: var(--light-border) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; }
.tour-card:hover, .card-luxury:hover { border-color: var(--gold); box-shadow: 0 10px 20px rgba(230, 126, 34, 0.15); }
.tour-card .price .text-gold-500, .card-luxury .price .text-gold-500 { color: var(--gold) !important; font-weight: 800; }
.tour-card .tour-button, .card-luxury .btn-primary { background: var(--gold); color: var(--white); font-weight: 700; }

/* ========== ФУТЕР ========== */
.site-footer, body.light-theme .site-footer, body:not(.light-theme) .site-footer { background-color: #141D26 !important; border-top: 1px solid #2C3E50 !important; }
.site-footer h4 { color: var(--gold) !important; font-weight: 700; }
body:not(.light-theme) .site-footer a, body:not(.light-theme) .site-footer .text-gray-400 { color: #BDC3C7 !important; font-weight: 500; }
body.light-theme .site-footer a, body.light-theme .site-footer .text-gray-400, body.light-theme .site-footer li span:not(.text-gold-500) { color: #FFFFFF !important; font-weight: 500 !important; }

/* ========== ФОРМИ ========== */
input, select, textarea { background-color: var(--bg-tertiary); border-color: var(--border-light); color: var(--text-primary); font-weight: 500; }
input:focus, select:focus, textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(230, 126, 34, 0.2); }
body.light-theme input, body.light-theme select, body.light-theme textarea { background-color: var(--light-bg-secondary) !important; border-color: var(--light-border) !important; color: #1A1A1A !important; font-weight: 600 !important; }

/* ========== КНОПКИ ========== */
.btn-gold { background: var(--gold); color: var(--white); font-weight: 700; }
.btn-gold:hover { background: var(--gold-light); }
.btn-outline-gold { border: 2px solid var(--gold); color: var(--gold); font-weight: 700; }
.btn-outline-gold:hover { background: var(--gold); color: var(--white); }
.contact-btn { background-color: #0088cc !important; color: #FFFFFF !important; border: none !important; border-radius: 0.5rem; font-weight: 600; transition: all 0.3s ease; }
.contact-btn:hover { background-color: #005f8c !important; transform: scale(1.05); }

/* ========== КАРТКИ ТУРІВ ========== */
.tours-grid, #tours-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2rem; align-items: stretch; }
.tour-card { display: flex; flex-direction: column; height: 100%; }
.tour-card .p-6 { flex: 1; display: flex; flex-direction: column; height: 100%; }

/* ========== АНІМАЦІЇ ========== */
.animate-golden-glow { animation: goldenGlow 8s ease-in-out infinite; }
.hover-zoom-slow { transition: transform 10s ease; }
.hover-zoom-slow:hover { transform: scale(1.1); }

@keyframes goldenGlow {
    0%, 100% { opacity: 0.1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(1.05); }
}

/* Примусовий неоновий рожевий для всіх описів в hero секції */
section .max-w-3xl {
    color: #FF1493 !important;
    text-shadow: 0 0 5px #FF1493, 0 0 10px #FF69B4, 0 0 20px #FF1493 !important;
    animation: neonPulse 1.5s ease-in-out infinite alternate !important;
}

/* ========== ВИПРАВЛЕННЯ ПІДМЕНЮ ДЛЯ СВІТЛОЇ ТЕМИ ========== */
/* Фон підменю - золотий, текст - білий */
body.light-theme .sub-menu,
body.light-theme .sub-menu-container .sub-menu {
    background-color: #E67E22 !important;
}

body.light-theme .sub-menu li a,
body.light-theme .sub-menu-container .sub-menu li a {
    background-color: #E67E22 !important;
    color: #FFFFFF !important;
}

body.light-theme .sub-menu li a:hover,
body.light-theme .sub-menu-container .sub-menu li a:hover {
    background-color: #CC6A1A !important;
    color: #FFFFFF !important;
}

/* Зменшення шрифту для російської мови (для всього підменю) */
html[lang="ru"] .sub-menu li a,
body.ru_RU .sub-menu li a,
html[lang="ru"] .sub-menu-container .sub-menu li a {
    font-size: 12px !important;
    padding: 8px 16px !important;
}

/* Якщо потрібно зменшити конкретні пункти */
html[lang="ru"] .sub-menu li a {
    font-size: 11px !important;
    letter-spacing: 0 !important;
}

/* Зменшення шрифту для російської мови в підменю */
html[lang="ru"] .sub-menu a,
html[lang="ru-RU"] .sub-menu a {
    font-size: 12px !important;
    padding: 5px 12px !important;
}

<!-- Світло-салатовий -->
hover:bg-green-400

<!-- Темно-салатовий (фірмовий WhatsApp) -->
hover:bg-[#25D366]

<!-- Яскраво-салатовий -->
hover:bg-lime-500

<!-- М'ятний -->
hover:bg-emerald-500