/*
Theme Name:   SARL Brethes (enfant Divi)
Theme URI:    https://sarlbrethes.fr
Description:  Thème enfant Divi 5 du site sarlbrethes.fr, réalisé par Second Degré. Contient le CSS global du site et les ajouts PHP (functions.php), à l'abri des mises à jour de Divi.
Author:       Second Degré
Author URI:   https://www.second-degre.fr
Template:     Divi
Version:      1.1.2
Text Domain:  sarlbrethes
*/

/* ==========================================================================
   SARL Brethes : CSS global du site
   --------------------------------------------------------------------------
   Règles :
   - Jamais d'URL absolue ici (préprod sarlbrethes.2ndegre.org puis
     sarlbrethes.fr) : chemins relatifs uniquement, ex. url('fonts/x.woff2').
   - Le CSS propre à un module reste dans le module (ou dans un preset Divi).
     Ici : ce qui est global au site ou trop répétitif pour être saisi
     module par module.
   - Après modification, incrémenter « Version » dans l'en-tête ci-dessus
     pour forcer le rafraîchissement du cache navigateur.

   Sommaire
   1. Polices locales
   2. Variables du site
   3. Global
   4. En-tête et navigation
   5. Typographie
   6. Boutons et liens
   7. Photothèque et galeries
   8. Formulaires
   9. Pied de page
   10. Responsive
   ========================================================================== */


/* 1. Polices locales
   --------------------------------------------------------------------------
   Déposer les fichiers dans sarlbrethes-child/fonts/ et déclarer ici.
   Exemple :

   @font-face {
       font-family: 'NomPolice';
       src: url('fonts/nompolice-regular.woff2') format('woff2');
       font-weight: 400;
       font-style: normal;
       font-display: swap;
   }
   -------------------------------------------------------------------------- */


/* 2. Variables du site
   --------------------------------------------------------------------------
   À renseigner avec la charte du client une fois validée. Utilisables ensuite
   partout : color: var(--sb-primaire);
   -------------------------------------------------------------------------- */

:root {
    --sb-primaire: #000000;      /* couleur principale (logo) */
    --sb-secondaire: #000000;    /* couleur d'accent */
    --sb-texte: #222222;
    --sb-fond-clair: #f5f5f5;
    --sb-largeur-contenu: 1080px;
}


/* 3. Global
   -------------------------------------------------------------------------- */


/* 4. En-tête et navigation
   -------------------------------------------------------------------------- */

/* En-tête compact au défilement, ordinateur uniquement (19/10/2026).
   Divi ajoute .et_pb_sticky à la section d'en-tête dès qu'elle se colle en
   haut de l'écran (son double .et_pb_sticky_placeholder garde la hauteur
   d'origine : la page ne saute pas). On masque alors le bouton devis et le
   téléphone (groupe 1 de l'en-tête) et on réduit le logo. */
@media (min-width: 981px) {
    .et_pb_section_0_tb_header .et_pb_image_0_tb_header {
        transition: width 0.25s ease;
    }
    .et_pb_section_0_tb_header .et_pb_group_1_tb_header {
        max-height: 120px;
        transition: max-height 0.25s ease, opacity 0.2s ease, visibility 0.25s;
    }
    .et_pb_section_0_tb_header.et_pb_sticky .et_pb_image_0_tb_header {
        width: 132px !important;
    }
    .et_pb_section_0_tb_header.et_pb_sticky .et_pb_group_1_tb_header {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        visibility: hidden; /* sort aussi du parcours au clavier */
    }
}

/* Builder Divi (19/10/2026) : le panneau du menu mobile (section fixe plein
   écran, masquée sur le site et ouverte au clic sur le burger) s'affichait
   par-dessus toute la page dans l'éditeur et bloquait les clics.
   - en éditant une page, l'en-tête est inactif : on masque le panneau ;
   - en éditant l'en-tête dans le Theme Builder, on le remet dans le flux,
     sous l'en-tête, pour pouvoir le modifier.
   La classe vient de l'interaction « ouvrir menu mobile » de l'en-tête. */
body.et-fb .theme-builder-area--inactive .et-interaction-target-mlkgxq4kkd {
    display: none !important;
}
body.et-fb .et-interaction-target-mlkgxq4kkd {
    position: relative !important;
    height: auto !important;
    z-index: auto !important;
}


/* 5. Typographie
   -------------------------------------------------------------------------- */


/* 6. Boutons et liens
   -------------------------------------------------------------------------- */


/* 7. Photothèque et galeries
   -------------------------------------------------------------------------- */


/* 8. Formulaires
   -------------------------------------------------------------------------- */


/* 9. Pied de page
   -------------------------------------------------------------------------- */


/* 10. Responsive
   --------------------------------------------------------------------------
   Points de rupture Divi : 980px (tablette) et 767px (mobile).
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {

}

@media (max-width: 767px) {

}