/* ------------------------------------------------------------
    REFONTE LEGERE DU STYLE - 26/10/2026
    Objectif : moderniser l'exécution (ombres, arrondis, transitions,
    contraste) sans toucher à la charte graphique (couleurs, logo,
    police Poppins). Chargé en dernier, après front_end_06_01_26.css,
    modules_06_01_26.css et responsive.css.
------------------------------------------------------------ */

/* ------------------------------------------------------------
    TYPOGRAPHIE
    L'espacement des lettres d'origine (1px) sur tout le texte
    courant alourdit la lecture. On l'assouplit légèrement.
    (Les éléments avec leur propre letter-spacing, ex. boutons/nav
    en majuscules, ne sont pas concernés.)
------------------------------------------------------------ */
body {
    letter-spacing: 0.2px;
}

/* ------------------------------------------------------------
    HEADER
    Remplace le simple filet de 1px par une ombre portée douce,
    plus discrète et plus actuelle, une fois le header "collé"
    en haut de page au scroll.
------------------------------------------------------------ */
body.smaller header {
    border: none;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .1);
}

/* ------------------------------------------------------------
    PARTAGE SOCIAL FLOTTANT (#sharethis)
    Entre 768 et 1399px, la barre fixe (left:25px) chevauche le
    contenu car le conteneur n'a plus assez de marge à cette
    largeur. On reprend ici le même habillage que la version
    mobile (icônes rondes en ligne, dans le flux) plutôt que la
    barre fixe, jusqu'à ce que le conteneur ait assez de place.
------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1399px) {
    #sharethis {
        width: 300px;
        position: relative;
        top: auto;
        right: auto;
        left: 0;
        padding: 10px;
        margin: 0 auto;
        z-index: 99;
    }

    #sharethis .shareIcons {
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
    }

    #sharethis a.stbar {
        padding: 0;
        right: 0;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background-color: var(--primary-color);
        color: #fff;
        border-radius: 50%;
    }
}

/* ------------------------------------------------------------
    BOUTONS
    Léger soulèvement au survol pour un retour visuel plus net.
    (La transition existe déjà globalement via la règle "*" du
    fichier d'origine : pas besoin d'en rajouter une ici, ça
    casserait le fondu existant sur .btn-primary/.btn-secondary.)
------------------------------------------------------------ */
.btn:hover {
    transform: translateY(-2px);
}

/* ------------------------------------------------------------
    CARTES "AVANTAGES" (module type_1, ex. "Eclairage LED")
    Ombre et léger soulèvement au survol ; le reste (couleurs,
    bordure, arrondi) est inchangé.
------------------------------------------------------------ */
.type_1 .block_article:hover article.cc_content {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}

/* ------------------------------------------------------------
    FORMULAIRES
    Coins légèrement arrondis (au lieu de angles vifs) et un vrai
    état de focus visible : l'original mettait "border: none" sur
    :focus, ce qui annulait le "border-color" juste après et
    supprimait tout repère visuel.
------------------------------------------------------------ */
form textarea,
form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
form select {
    border-radius: 6px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

form textarea:focus,
form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,
form select:focus {
    outline: none;
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 3px rgba(196, 0, 62, .15);
}