/* ============================================================
   PRESSE refonte V2.5 — fashioncurvyshop.com (03/08/2026, refonte-code)
   Déployé dans : wp-content/themes/enfold-child/refonte-presse.css (STAGING)
   Source de vérité : maintenance-fcs/ux/refonte-presse.css
   Enfilé UNIQUEMENT sur is_page(150673) — nouvelle page créée cette étape
   (n'existait pas : /presse/ répondait 404 avant cette livraison, confirmé
   par curl avant toute écriture). 8 parutions (7 liens réels + Version
   Femina en parution papier), mêmes URLs/logos que le bandeau défilant de
   l'accueil (étape 3, refonte-home.css) — texte/liens jamais réécrits ici,
   uniquement repris à l'identique + mis en cartes.
   ============================================================ */

.fcs-presse-h1 {
  font-family: var(--fcs-font-title);
  color: var(--fcs-prune);
  font-weight: 400;
  font-size: clamp(30px, 5vw, 44px);
  margin: 8px 0 10px;
}
.fcs-presse-lead {
  font-family: var(--fcs-font-text);
  color: var(--fcs-text-secondary);
  font-size: 17px;
  line-height: 1.6;
  max-width: 62ch;
  margin: 0 0 32px;
}

.fcs-presse-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.fcs-presse-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--fcs-white);
  border: 1px solid var(--fcs-border-light);
  border-radius: var(--fcs-radius-md);
  padding: 26px;
  text-decoration: none;
  transition: box-shadow var(--fcs-duration-enter) var(--fcs-ease-out),
              transform var(--fcs-duration-enter) var(--fcs-ease-out);
}
a.fcs-presse-card:hover,
a.fcs-presse-card:focus-visible {
  box-shadow: var(--fcs-shadow-lg);
  transform: translateY(-4px);
}
.fcs-presse-card--paper { cursor: default; }
.fcs-presse-card-head { display: flex; align-items: center; gap: 14px; }
.fcs-presse-card-head img {
  width: 56px;
  height: 56px;
  flex: none;
  object-fit: contain;
  border-radius: var(--fcs-radius-sm);
  background: var(--fcs-white);
  border: 1px solid var(--fcs-border-light);
  padding: 6px;
  box-sizing: border-box;
  filter: grayscale(1);
  transition: filter var(--fcs-duration-fast) ease;
}
a.fcs-presse-card:hover .fcs-presse-card-head img,
a.fcs-presse-card:focus-visible .fcs-presse-card-head img { filter: grayscale(0); }
.fcs-presse-card-name {
  font-family: var(--fcs-font-title);
  font-size: 20px;
  color: var(--fcs-prune);
}
.fcs-presse-card-title {
  font-family: var(--fcs-font-text);
  font-size: 14.5px;
  font-weight: 600;
  color: var(--fcs-framboise, #b04d6b);
  line-height: 1.4;
}
.fcs-presse-card-link {
  font-family: var(--fcs-font-text);
  font-size: 13px;
  font-weight: 600;
  color: var(--fcs-framboise);
  margin-top: auto;
}
.fcs-presse-card-link--paper { color: var(--fcs-text-subtle); }

/* Bloc SEO (2e section, fond poudré) */
#top.page-id-150673 .fcs-presse-seo-body {
  max-width: 76ch;
  margin: 0 auto;
  font-family: var(--fcs-font-text);
  color: var(--fcs-text-secondary);
  line-height: 1.75;
}
#top.page-id-150673 .fcs-presse-seo-body h2 {
  font-family: var(--fcs-font-title);
  color: var(--fcs-prune);
  font-weight: 400;
  font-size: clamp(24px, 3.5vw, 32px);
}

@media only screen and (max-width: 989px) {
  .fcs-presse-grid { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 767px) {
  .fcs-presse-grid { grid-template-columns: 1fr; gap: 14px; }
  .fcs-presse-card { padding: 20px; }
}

/* ============================================================
   H1 — application de la maquette V2.5 (décision gérante 04/08/2026)

   Enfold pose TROIS propriétés sur tout h1 du thème, pas une :
     #top #wrap_all .all_colors h1 { font-family: birthstone;
                                     font-size: 80px;        (sous @media desktop)
                                     line-height: 0.7em }
   La passe d'interligne n'en neutralisait qu'UNE. Les règles de gabarit
   ci-dessous étaient sous 2 ID et perdaient donc sur les deux autres.
   Corrigé au niveau `#top #wrap_all #main` (3 ID, convention validée par
   refonte-compat), les trois propriétés traitées d'un coup. L'interligne
   passe par --fcs-hn-lh, posée SUR LE TITRE (la règle sitewide à 3 ID de
   refonte-socle.css bat toute redéclaration de line-height).

   ⚠️ NE PAS UNIFORMISER : la maquette ne veut PAS la même chose partout.
   faq/contact/livraison/presse/entretien/live = Birthstone 76 px ;
   a-propos = Marcellus. Valeurs relevées frame par frame dans le prototype.
   ============================================================ */
/* Maquette « presse » : Birthstone 76 px desktop / 46 px mobile, lh 1. */
#top #wrap_all #main h1.fcs-presse-h1 {
  font-family: var(--fcs-font-script), cursive;
  font-size: 76px;
  font-weight: 400;
  --fcs-hn-lh: 1;
  line-height: 1;
}

/* ⚠️ `!important` OBLIGATOIRE ET BORNÉ AU MOBILE — mesuré, pas supposé.
   Enfold pose, sous @media (max-width:767px) :
     #top #wrap_all .all_colors h1, .main-title .entry-title
       { font-size: 35px !important }
   (relevé par getPropertyPriority sur la page réelle). Aucune spécificité,
   si haute soit-elle, ne bat un !important : les 3 ID ci-dessus suffisent
   pour la POLICE et l'INTERLIGNE (règles Enfold en priorité normale) mais
   PAS pour la taille en mobile. En desktop la règle adverse (80px) est en
   priorité normale : aucun !important n'y est nécessaire, et il n'y en a pas. */
@media only screen and (max-width: 767px) {
  #top #wrap_all #main h1.fcs-presse-h1 { font-size: 46px !important; }
}

/* ============================================================
   INTERLIGNE DES H1 BIRTHSTONE EN MOBILE — écart ASSUMÉ à la maquette
   (arbitrage manager 04/08/2026, documenté comme tel).

   La maquette impose `line-height: 1`. Or Birthstone est une police script
   à longs jambages : une ligne a besoin d'environ **1,37 fois le corps**
   pour ne pas empiéter sur la précédente (mesuré : 48 px de hauteur
   naturelle pour un corps de 35 px). À ratio 1, deux lignes se chevauchent
   donc NÉCESSAIREMENT — la maquette n'a pas prévu le cas d'un H1 sur deux
   lignes.

   Sans conséquence tant que le titre tient sur UNE ligne : c'est le cas de
   tous ces H1 en DESKTOP, où l'interligne 1 de la maquette est conservé.
   En MOBILE, la largeur disponible chute et un titre un peu long bascule
   sur 2 lignes (constaté sur /live/ à 375 px) : l'interligne y est porté à
   1,4, au-dessus du seuil de 1,37. Appliqué à TOUS les H1 Birthstone en
   mobile, et pas seulement à celui qui casse aujourd'hui : le défaut est
   latent partout, il ne dépend que de la longueur du titre — un simple
   changement de libellé le réveillerait ailleurs.

   Pourquoi relever l'interligne plutôt que réduire la taille : réduire
   rendrait le titre chétif sur la page qui porte l'activité la plus
   rentable de la boutique. On troquerait un défaut visible contre un
   défaut discret.
   ============================================================ */
@media only screen and (max-width: 767px) {
  #top #wrap_all #main h1.fcs-presse-h1 { --fcs-hn-lh: 1.4; line-height: 1.4; }
}