/* =====================================================
   HERO SLIDER – AMÉLIORATION DE LA LISIBILITÉ
   - Ombre sur le titre jaune
   - Ombre légère sur le texte blanc
   ===================================================== */

/* Titre principal du slider */
.slider-text h1,
.slider-text h2,
#highlight-slider h1,
#highlight-slider h2 {
    color: #FFD100 !important;
    text-shadow:
        1 1px 2px rgba(0,0,0,0.35),
        0 0px 6 rgba(0,0,0,0.15);
}

/* =========================================
   HERO SLIDER — AMÉLIORATION DU SOUS-TITRE
   ========================================= */

.slide-subtitle{

    color:#ffffff !important;

    /* amélioration lisibilité */
    text-shadow:
    0 3px 8px rgba(0,0,0,0.78),
    0 0 14px rgba(0,0,0,0.45);

    /* meilleure lecture */
    line-height:1.5;

    /* évite les lignes trop longues */
    max-width:460px;

}

/* =========================================
   HERO SLIDER — AMÉLIORATION DU BOUTON
   ========================================= */

.header-buttons-wrapper .button{

    transition: all 0.25s ease-in-out;

}

/* effet hover plus premium */

.header-buttons-wrapper .button:hover{

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);

}

/* État normal : DEMANDER UN DEVIS */
a.button.big.color1.dark-text.round {
    background: #FFD700 !important;
    color: #000000 !important;
    border: 2px solid #FFD700 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: all 0.25s ease-in-out !important;
}

/* Hover : DEMANDER UN DEVIS */
a.button.big.color1.dark-text.round:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #FFD700 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* =========================================================
BARRE DE CONTACT DU HAUT
Montpellier | téléphone | email
========================================================= */

.header-top-bar-area.area-left .top-bar-field span,
.header-top-bar-area.area-left .top-bar-field a {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

/* Icônes barre de contact */
.header-top-bar-area.area-left .top-bar-field i,
.header-top-bar-area.area-left .top-bar-field .fa {
    font-size: 16px !important;
    width: 18px !important;
    margin-right: 8px !important;
    text-align: center !important;
    display: inline-block !important;
    color: #000000 !important;
}

/* Alignement icône + texte */
.header-top-bar-area.area-left .top-bar-field {
    display: flex !important;
    align-items: center !important;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Séparateurs entre Montpellier / téléphone / email */
.header-top-bar-area.area-left .top-bar-field:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,0.18) !important;
    padding-right: 16px !important;
    margin-right: 16px !important;
}

/* =====================================================
   SECTION A PROPOS : alignement du texte avec les images
   ===================================================== */

#a-propos .text-column,
#a-propos .col-md-6:last-child,
#a-propos .col-sm-6:last-child,
#a-propos .col-xs-12:last-child {
    margin-top: -80px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Ajustement tablette / mobile : on annule pour éviter les bugs */
@media (max-width: 991px) {
    #a-propos .text-column,
    #a-propos .col-md-6:last-child,
    #a-propos .col-sm-6:last-child,
    #a-propos .col-xs-12:last-child {
        margin-top: 0 !important;
    }
}

/* ===== Titre de section : NOS SERVICES ===== */
/* Ajuste la taille, la police et l'espacement du texte "Nos Services" */

.section-title-col h5 span {
    font-family: "Open Sans", sans-serif !important;
    font-size: 20px !important;
    letter-spacing: 2px;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* ===== Espacement sous le titre de section : NOS SERVICES ===== */
/* Ajoute de la respiration avant le titre principal */

.section-title-col h5 {
    margin-bottom: 15px;
}

/* ===== TOUS LES LIENS DES CARTES SERVICES ===== */
.read-more-container .read-more{
    display:inline-block !important;
    color:#d4a000 !important;
    font-weight:600 !important;
    text-decoration:none !important;
}

.read-more-container .read-more:hover{
    color:#b88a00 !important;
    text-decoration:underline !important;
}

/* ===== SECTION ENGAGEMENTS ===== */

/* Titre principal */
#nos-engagements h2,
#nos-engagements .section-title,
#nos-engagements .section-title-col h5 {
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
    color: #2b2b2b !important;
    margin-bottom: 35px !important;
}

/* Sous-titres des 3 blocs */
#nos-engagements h4,
#nos-engagements h5,
#nos-engagements h6,
#nos-engagements .featured-box h4 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #2b2b2b !important;
    margin-top: 18px !important;
    margin-bottom: 14px !important;
}

/* Paragraphes */
#nos-engagements p,
#nos-engagements .featured-box p {
    font-size: 17px !important;
    line-height: 1.65 !important;
    color: #3a3a3a !important;
}

/* Un peu d’air entre les colonnes */
#nos-engagements .col-xs-12,
#nos-engagements .col-sm-4,
#nos-engagements .col-md-4 {
    padding-left: 18px !important;
    padding-right: 18px !important;
}