/* Основной шрифт */
body {
    font-family: 'Inter', sans-serif;
}

html { 
    scroll-behavior: smooth; 
}

/* Настройки для главной картинки (Hero Section) */
.hero-bg {
    /* 👇 ИЗМЕНЕНО НА .webp */
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/hero.webp');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

/* Скрытие ползунка скролла (для мобильной ленты дат) */
.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.no-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

select { 
    appearance: none; 
    -webkit-appearance: none; 
}

/* Стилизация календаря Flatpickr */
.flatpickr-calendar {
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
    padding: 10px !important;
    font-family: 'Inter', sans-serif !important;
}

.flatpickr-day.selected, 
.flatpickr-day.startRange, 
.flatpickr-day.endRange, 
.flatpickr-day.selected.inRange, 
.flatpickr-day.startRange.inRange, 
.flatpickr-day.endRange.inRange, 
.flatpickr-day.selected:focus, 
.flatpickr-day.startRange:focus, 
.flatpickr-day.endRange:focus, 
.flatpickr-day.selected:hover, 
.flatpickr-day.startRange:hover, 
.flatpickr-day.endRange:hover, 
.flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.startRange.prevMonthDay, 
.flatpickr-day.endRange.prevMonthDay, 
.flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.startRange.nextMonthDay, 
.flatpickr-day.endRange.nextMonthDay {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    font-weight: bold;
}

.flatpickr-months .flatpickr-month { 
    height: 50px; 
}
.flatpickr-current-month { 
    font-size: 110%; 
    font-weight: 700; 
}
.flatpickr-weekdays { 
    margin-bottom: 10px; 
}

/* 👇 ФИКС ХОВЕРОВ ДЛЯ ТЕЛЕФОНОВ 👇 */
/* Этот стиль сработает ТОЛЬКО если у устройства есть мышка (ПК) */
@media (hover: hover) {
    .seat-hover-effect:hover {
        background-color: #eff6ff !important; /* blue-50 */
        border-color: #93c5fd !important; /* blue-300 */
    }
}