/* =====================================================================
   Pages de confiance  -  /go/...  et  /myaccount/
   ---------------------------------------------------------------------
   Charge UNIQUEMENT quand controller=Go ou controller=MyAccount
   (voir views/client/partial/header.php).

   CE FICHIER NE DEFINIT PLUS LE REGISTRE. Depuis le 15/09/2026, Montserrat
   en gris foncé est la regle generale de tout le site client
   (css/client/custom.css). Il ne reste ici que ce que la regle generale ne
   peut pas faire, et rien d'autre :

     1. BATTRE LES DEUX CLASSES HISTORIQUES. .head_tuto ("comment ca
        marche") et .title_info (FAQ, CGV, mentions, confidentialite,
        inscription, mon compte) viennent de style-dist.css avec une
        specificite (0,2,0), en bleu #0a418d et en graisse 600/800. Aucun
        selecteur d'element ne passe devant : sans les deux selecteurs
        ci-dessous, ces H1-la resteraient bleus.

     2. LES TAILLES EDITORIALES. Ces pages se lisent, elles ne se
        parcourent pas : H1 a 2.125rem, H2 a 1.5rem, H3 a 1.1875rem. Ce
        sont les valeurs des landings de rachat (landing-vendre.css) et de
        Qui sommes-nous, pour que les trois familles de pages restent
        indiscernables. La taille generale des H3 (1.7rem, custom.css) est
        calibree pour des pages de service, pas pour du texte suivi.

   Les pages qui ont deja leur propre <style> (mentions .legal-page,
   qui-sommes-nous .qsn-page) gardent leurs tailles, leurs marges et leurs
   filets : leurs selecteurs sont plus specifiques. Elles ne prennent d'ici
   que ce qu'elles ne definissent pas.

   Ce fichier ne touche QUE les titres. Le texte courant des .block_info
   reste en #666666 (style-dist.css) : c'est un autre chantier, il se
   traiterait la-bas et pour tout le monde.
   ===================================================================== */

/* ---------- 1. Les deux H1 a classe historique ----------------------- */

/* On ne reprend QUE la typographie : .head_tuto reste centre avec ses 55px
   de respiration, .title_info reste fer a gauche avec les siens
   (style-dist.css). La geometrie des pages ne bouge pas. */
.tuto_page .head_tuto,
.page_infos .title_info {
    color: var(--ColorTitle, #1f2933);
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1.2;
    letter-spacing: -.01em;
    /* Quand le titre passe a la ligne, le navigateur equilibre les lignes
       au lieu de laisser un orphelin. Non supporte = coupe naturelle. */
    text-wrap: balance;
}

/* Les media queries h1 de custom.css sont en (0,0,1) : elles ne peuvent
   pas redescendre un selecteur a (0,2,0). Sans ce palier, le H1 de la FAQ
   -- 74 caracteres -- resterait a 34px sur un telephone. */
@media (max-width: 767px) {

    .tuto_page .head_tuto,
    .page_infos .title_info {
        font-size: 1.75rem;
    }
}

/* ---------- 2. Les H1 sans classe, les H2 et les H3 ------------------ */

/* contact, merci, desinscription, verification email. Pas de font-size :
   les tailles responsives de custom.css continuent de s'appliquer. */
h1 {
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.01em;
}

/* Pas de filet sous les H2, contrairement aux landings : la-bas il separe
   4 ou 5 sections, sur la FAQ il soulignerait 15 questions d'affilee.
   Meme registre ne veut pas dire memes ornements. */
h2 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.3;
}

h3 {
    font-weight: 600;
    font-size: 1.1875rem;
    line-height: 1.35;
}

/* Ce fichier est charge apres custom.css : a specificite egale (0,0,1) il
   gagne, y compris dans les media queries. Le palier mobile des H2 est
   donc a redonner ici, sinon les questions de la FAQ resteraient a 24px. */
@media (max-width: 767px) {
    h2 {
        font-size: 1.3rem;
    }
}