/* === TYPO FLUIDE === */
h1, h2, h3 {
    font-size: clamp(1.5rem, 2.5vw, 3rem);
}
p, a, li {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
}

/* === PADDING FLUIDE === */
section {
    padding: clamp(3rem, 6vw, 6rem) 1rem;
}

/* === NAVBAR RESPONSIVE === */
@media (max-width: 768px) {
    .navbar-brand img {
        height: 60px !important;
    }

    .navbar {
        padding: 0.5rem 1rem !important;
        height: auto !important;
    }

    #navbarNav .nav-link {
        padding: 0.5rem 0;
        font-size: 1rem;
    }
}

/* === HERO VIDEO FIX MOBILE === */
@media (max-width: 768px) {
    #hero h1 {
        font-size: 2rem;
    }
    #hero p {
        font-size: 1rem;
    }
    #hero .btn {
        font-size: 0.9rem;
        padding: 0.6rem 1.4rem;
    }
}

/* === CONTAINERS MARGIN MOBILE === */
@media (max-width: 576px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* === EXPERTISE & SERVICES GRIDS === */
@media (max-width: 767px) {
    .expertise-card,
    .service-card {
        height: auto !important;
    }
}

/* === ALIGNEMENT TEXTES === */
.text-center-mobile {
    text-align: center !important;
}