/**
 * Styles communs à tous les sites
 */

/* Reset et base */
body {
    font-family: 'Libre Franklin', sans-serif;
}

/* Badge environnement */
.env-badge {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    z-index: 9999;
}

/* ============================================
   HERO SECTION - Styles par défaut
   ============================================ */

.hero-section::before {
    filter: saturate(0.8) brightness(0.6) contrast(1.05);
}

.hero-section::after {
    background: linear-gradient(
        to right,
        rgba(26, 26, 26, 0.7) 0%,
        rgba(26, 26, 26, 0.3) 60%,
        rgba(26, 26, 26, 0.1) 100%
    );
}

/* ============================================
   NAVBAR BRAND - Responsive
   ============================================ */

/* Small screens (iPhone SE, small Android) */
@media (max-width: 400px) {
    .navbar-brand {
        font-size: 1.3rem !important;
        letter-spacing: 0.02em !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        max-width: 180px;
    }
}

/* Extra small screens (360px and below) */
@media (max-width: 360px) {
    .navbar-brand {
        font-size: 1.1rem !important;
        letter-spacing: 0.01em !important;
        max-width: 160px;
    }
}