/* ------------------------------------------------------------------------
 * 6XPOS — corrections de base
 *
 * Ce fichier ne contient AUCUN choix esthetique : uniquement la reparation de
 * defauts averes, mesures sur le site servi. Il est volontairement SEPARE du
 * socle de refonte (socle-neo.css) pour pouvoir partir en production seul,
 * sans emporter la refonte en cours.
 * ------------------------------------------------------------------------ */

/* --- 1. LES POLICES ------------------------------------------------------
 * child-style.css declare TROIS familles dans UNE SEULE regle @font-face
 * (l.11-44) : trois font-family et trois src empiles entre les memes accolades.
 * En CSS, une regle @font-face ne definit qu UNE famille — la derniere gagne.
 * Resultat mesure sur la page servie : seul « mark_problack » existe, le corps
 * de texte et les boutons s affichent en ARIAL, et la famille « Mark Pro »
 * appelee par body et .et_pb_button n est declaree NULLE PART.
 *
 * On redeclare proprement : une regle par famille, plus une famille « Mark Pro »
 * a trois graisses — c est la facon moderne, et elle fait fonctionner d un coup
 * tous les appels existants a "Mark Pro".
 *
 * On ne sert que woff2 et woff. Les .eot (Internet Explorer), .ttf et surtout
 * les .svg (100 a 120 Ko piece) etaient telecharges pour rien.
 * ------------------------------------------------------------------------ */
@font-face {
  font-family: 'mark_proregular';
  src: url('fontfont_ff.mark_.pro_-webfont.woff2') format('woff2'),
       url('fontfont_ff.mark_.pro_-webfont.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'mark_promedium';
  src: url('fontfont_ff.mark_.pro_.medium-webfont.woff2') format('woff2'),
       url('fontfont_ff.mark_.pro_.medium-webfont.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'mark_problack';
  src: url('fontfont_ff.mark_.pro_.black_-webfont.woff2') format('woff2'),
       url('fontfont_ff.mark_.pro_.black_-webfont.woff') format('woff');
  font-weight: normal; font-style: normal; font-display: swap;
}

/* « Mark Pro » : une seule famille, trois graisses. C est elle qu appellent
 * deja body, p et les boutons — elle n existait simplement pas. */
@font-face {
  font-family: 'Mark Pro';
  src: url('fontfont_ff.mark_.pro_-webfont.woff2') format('woff2'),
       url('fontfont_ff.mark_.pro_-webfont.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Mark Pro';
  src: url('fontfont_ff.mark_.pro_.medium-webfont.woff2') format('woff2'),
       url('fontfont_ff.mark_.pro_.medium-webfont.woff') format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Mark Pro';
  src: url('fontfont_ff.mark_.pro_.black_-webfont.woff2') format('woff2'),
       url('fontfont_ff.mark_.pro_.black_-webfont.woff') format('woff');
  font-weight: 900; font-style: normal; font-display: swap;
}

/* --- 2. LES IMAGES REDEVIENNENT CLIQUABLES -------------------------------
 * child-style.css l.696 : @media (min-width:992px){ img{ pointer-events:none } }
 * Sur ordinateur, AUCUNE image du site n est cliquable — les vignettes du blog
 * ne mènent nulle part quand on clique dessus. Aucune raison connue ; on annule.
 * ------------------------------------------------------------------------ */
@media (min-width: 992px) {
  img { pointer-events: auto; }
}

/* --- 3. LES TITRES NE SE CHEVAUCHENT PLUS SUR MOBILE ---------------------
 * child-style.css l.656-674 declare h1{font-size:50px;line-height:40px},
 * h2{45/35}, h3{40/30} : l interligne est PLUS PETIT que le corps, donc deux
 * lignes se superposent. Et la media query d origine utilise min-device-width,
 * qui ne s applique ni aux tablettes ni a une fenetre redimensionnee.
 *
 * On repart sur des interlignes proportionnels, avec une media query standard.
 * ------------------------------------------------------------------------ */
@media (max-width: 980px) {
  h1 { line-height: 1.1 !important; }
  h2 { line-height: 1.15 !important; }
  h3 { line-height: 1.2 !important; }
  h4, h5, h6 { line-height: 1.25 !important; }
}