/*
 * URL Concept - Custom CSS Overrides
 * Corrections et personnalisations pour le site URL Concept
 */

/* =================================
   CORRECTION HEADER / NAVIGATION
   Le menu doit tenir sur une seule ligne en desktop
   ================================= */

/* Reduire l'espacement entre les liens du menu */
.header .navbar-nav > li {
    padding: 0 8px;
}

.header .navbar-nav li > a {
    padding: 28px 8px;
    font-size: 14px;
}

/* Taille du logo */
.navbar-brand img {
    height: 50px !important;
    width: auto !important;
}

.navbar .navbar-brand {
    flex: 0 0 auto !important;
}

/* Ajuster le numero de telephone */
.header .contact-number a {
    font-size: 15px;
}

.header .contact-number.nav-item {
    padding-right: 0 !important;
}

/* Forcer le conteneur a utiliser toute la largeur */
@media (min-width: 992px) {
    .header .navbar .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header .navbar-collapse {
        flex-grow: 1;
    }

    .header .navbar-nav {
        margin-left: auto;
        margin-right: auto;
    }

    /* Reduire encore les marges si necessaire */
    .header .navbar-nav > li {
        padding: 0 6px;
    }

    .header .navbar-nav li > a {
        padding: 28px 6px;
        font-size: 13px;
        white-space: nowrap;
    }
}

/* Pour les ecrans moyens (tablettes landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
    .header .navbar-nav > li {
        padding: 0 4px;
    }

    .header .navbar-nav li > a {
        padding: 28px 4px;
        font-size: 12px;
    }

    .header .contact-number a {
        font-size: 14px;
    }

    .navbar-brand img {
        height: 40px !important;
    }
}

/* =================================
   FIN CORRECTION HEADER
   ================================= */

/* =================================
   CORRECTION SECTION SECTEURS (Cas Clients)
   Les encadrés feature-info-style-04 dans bg-dark
   doivent avoir un fond transparent et hauteur égale
   ================================= */

.bg-dark .feature-info-style-04 {
    background: transparent;
    height: 100%;
}

.bg-dark .feature-info-style-04 .feature-info-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* =================================
   FIN CORRECTION SECTEURS
   ================================= */

/* =================================
   CORRECTION BANNER MOBILE
   Le contenu (h1 long + h6 + boutons) peut depasser la hauteur du banner.
   On reduit la taille du h1 sur mobile pour un meilleur rendu.
   (Le header est desormais dans le flux normal, pas de padding-top necessaire)
   ================================= */

@media (max-width: 767px) {
    .banner h1 {
        font-size: 32px;
        line-height: 42px;
    }
}

@media (max-width: 575px) {
    .banner h1 {
        font-size: 28px;
        line-height: 38px;
    }
}

/* =================================
   FIN CORRECTION BANNER MOBILE
   ================================= */