/* ============================================================
   LAPIERRE-CHILD — COUCHE "MODERNISATION" (100% rétro-active)
   ------------------------------------------------------------
   Ce fichier est un calque ADDITIF : il ne modifie aucune règle
   de style.css, il ne fait qu'ajouter/affiner par-dessus. Pour
   tout annuler d'un coup, il suffit de retirer l'appel à
   wp_enqueue_style('lapierre-child-modern', ...) dans functions.php
   (ou de mettre LP_MODERN_STYLE_ENABLED à false) — aucune autre
   trace ne reste sur le site.
   ============================================================ */

/* ------------------------------------------------------------
   2. PROFONDEUR — ombres à deux niveaux au survol des cartes
   Remplace l'ombre plate unique par une paire (contact-shadow
   serrée + ombre portée large) : plus de matière, sensation de
   carte qui se soulève réellement plutôt que "flotte".
   ------------------------------------------------------------ */
.wp-block-group.lp-card:hover,
.lp-pro-card:hover,
.lp-dechet-card:hover{
  box-shadow:
    0 2px 4px rgba(38,48,42,.08),
    0 16px 32px rgba(38,48,42,.14) !important;
  transform: translateY(-4px);
}

/* ------------------------------------------------------------
   3. LIENS DE CONTENU — soulignement animé au survol
   Un trait qui se déploie de gauche à droite plutôt qu'un simple
   changement de couleur. Ne touche ni la navigation ni les
   boutons (qui ont déjà leur propre traitement).
   ------------------------------------------------------------ */
.entry-content a:not(.wp-block-button__link):not(.lp-card-link):not(.lp-card-cover):not(.lp-read-more):not(.lp-next-cm-ics):not(.lp-whatsapp-banner-btn){
  background-image: linear-gradient(var(--lp-ardoise), var(--lp-ardoise));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 2px;
  transition: background-size .25s ease;
  padding-bottom: 1px;
}
.entry-content a:not(.wp-block-button__link):not(.lp-card-link):not(.lp-card-cover):not(.lp-read-more):not(.lp-next-cm-ics):not(.lp-whatsapp-banner-btn):hover{
  background-size: 100% 2px;
}

/* ------------------------------------------------------------
   4. BOUTONS — reflet lumineux au survol
   Un balayage de lumière discret traverse le bouton au survol.
   Désactivé automatiquement si l'utilisateur préfère moins
   d'animations (voir §7).
   ------------------------------------------------------------ */
.wp-block-button__link,
.kt-button{
  position: relative;
  overflow: hidden;
}
.wp-block-button__link::before,
.kt-button::before{
  content: '';
  position: absolute;
  top: 0; left: -60%;
  width: 40%; height: 100%;
  background: linear-gradient(115deg, transparent, rgba(255,255,255,.35), transparent);
  transform: skewX(-20deg);
  transition: left .5s ease;
}
.wp-block-button__link:hover::before,
.kt-button:hover::before{ left: 130%; }

/* ------------------------------------------------------------
   5. TYPOGRAPHIE FLUIDE
   Les titres passent d'une taille à l'autre en continu selon la
   largeur d'écran (clamp) au lieu de sauter par paliers, et
   respirent mieux grâce à text-wrap: balance.
   ------------------------------------------------------------ */
h1, .wp-block-heading:is(h1){ font-size: clamp(28px, 4.2vw, 44px) !important; }
h2, .wp-block-heading:is(h2){ font-size: clamp(22px, 3vw, 30px) !important; }
h1, h2, h3, h4{ text-wrap: balance; }

/* ------------------------------------------------------------
   6. CHIFFRES ALIGNÉS
   Dates, horaires, numéros de téléphone : les chiffres prennent
   tous la même largeur, plus propre quand ils sont alignés en
   colonne (comptes rendus, comptes bancaires, etc.).
   ------------------------------------------------------------ */
.lp-next-cm-date .day,
.lp-elu-role,
.lp-pcs-contacts a,
.lp-dechet-hours,
.lp-bulletin-summary{
  font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------------------
   7. ÉTATS DE FOCUS — accessibilité ET modernité
   Un contour net à la couleur de la charte plutôt que le bleu
   par défaut du navigateur : plus cohérent visuellement, et
   bien plus visible pour la navigation au clavier.
   ------------------------------------------------------------ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.wp-block-button__link:focus-visible{
  outline: 2.5px solid var(--lp-ardoise);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ------------------------------------------------------------
   8. BARRE DE DÉFILEMENT
   Discrète, aux couleurs de la charte plutôt que le gris système
   (pris en charge par Chrome, Edge, Firefox — ignoré ailleurs
   sans aucun effet de bord).
   ------------------------------------------------------------ */
html{ scrollbar-color: var(--lp-pierre-dark) transparent; scrollbar-width: thin; }
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: transparent; }
::-webkit-scrollbar-thumb{ background: var(--lp-pierre-dark); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover{ background: var(--lp-ardoise); }

/* ------------------------------------------------------------
   Respect du réglage "mouvement réduit" du visiteur : les
   animations des §2 et §4 sont neutralisées, tout le reste
   (texture, liens, focus, chiffres, scrollbar) reste actif.
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce){
  .wp-block-group.lp-card:hover,
  .lp-pro-card:hover,
  .lp-dechet-card:hover{ transform: none; }
  .wp-block-button__link::before,
  .kt-button::before{ display: none; }
}