/* ===== Confort de lecture (espace client) =====
   1. Champs de description plus grands et police 16px sur mobile
      (sous 16px, iOS zoome automatiquement la page au focus d'un champ)
   2. Échelle de texte au choix du client (A / A+ / A++), mémorisée
      sur l'appareil via localStorage — voir js/confort-lecture.js */

.site_content form textarea.form-control {
    min-height: 180px;
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .site_content input.form-control,
    .site_content select.form-control,
    .site_content textarea.form-control {
        font-size: 16px;
    }
}

/* Échelle appliquée au contenu ; le header et le menu gardent leur taille */
html.taille-texte-2 .site_content { zoom: 1.15; }
html.taille-texte-3 .site_content { zoom: 1.3; }

/* Bouton unique de taille du texte : discret, chaque appui passe au niveau
   suivant ; le libellé reflète le niveau courant (A / A+ / A++).
   Réservé au mobile : sur PC il flottait sous le logo du menu latéral,
   et le zoom navigateur y rend le même service. */
.taille-texte {
    display: none;
}
@media (max-width: 767px) {
    .taille-texte {
        display: inline-flex;
        align-items: center;
        align-self: center;
    }
}
.taille-texte button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    color: #555;
    cursor: pointer;
    min-width: 36px;
    height: 26px;
    padding: 0 8px;
    line-height: 1;
    font-size: 13px;
    font-weight: 600;
}
.taille-texte button.agrandi {
    border-color: #29ca8e;
    color: #1d9e6f;
    background: #eefaf5;
}