/* Caravelle — identité visuelle 2L Collection */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&display=swap');

h1, h2, h3, h4, h5, .navbar-brand {
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.5px;
}

:root {
    --caravelle-primary: #1a3a5c;
    --caravelle-accent: #b0a06c;
    --caravelle-bg: #f8f9fa;
}

body {
    background-color: var(--caravelle-bg);
}

.navbar {
    background-color: var(--caravelle-primary) !important;
}

.card {
    border: none;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s ease;
}

.card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.card-header {
    background-color: transparent;
    border-bottom: 2px solid var(--caravelle-accent);
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.2px;
    color: var(--caravelle-primary);
}

.btn-primary {
    background-color: var(--caravelle-primary) !important;
    border-color: var(--caravelle-primary) !important;
}
.btn-primary:hover {
    background-color: #142d48 !important;
    border-color: #142d48 !important;
}

.kpi-value {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--caravelle-primary);
}

/* Affordance sélecteur hôtel — soulignement doré au survol/focus */
#hotel-select input:hover,
#hotel-select input:focus,
#period-select input:hover,
#period-select input:focus,
#period-compare input:hover,
#period-compare input:focus {
    border-bottom: 2px solid var(--caravelle-accent) !important;
    transition: border-bottom 0.2s ease;
}

/* Responsive : graphiques empilés sur petit écran */
@media (max-width: 768px) {
    .dash-graph {
        min-height: 280px;
    }
}