/* Ajustements du thème parent Kadence (inc/kadence-integration.php) : ces
   règles ne relèvent d'aucune section précise du site, elles corrigent des
   styles que Kadence pose globalement. */

/* Boutons de blocs alignés sur la palette de la marque, à la place du bleu
   par défaut de Kadence. Le préfixe .entry-content porte la spécificité :
   Kadence pose ses propres couleurs de bouton avec une spécificité égale à
   la nôtre (global.min.css), et l'ordre d'impression des feuilles ne doit
   pas décider laquelle gagne — .ub-panneau (tâche 7) dépend de cet ordre
   pour rester masqué face à `[hidden]`, on ne le perturbe donc pas. */
.entry-content .wp-block-button__link.wp-element-button {
  background-color: var(--ub-encre);
  color: var(--ub-creme);
  border-radius: 0;
}

.entry-content .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button {
  background-color: transparent;
  border: 1px solid var(--ub-encre);
  color: var(--ub-encre);
}

/* Boutons réduits à une icône : Kadence pose son bleu de bouton (#215387) sur
   tout `button` au survol et au focus, ce qui plaquait un carré bleu sur la
   croix du panneau — qui reçoit le focus dès l'ouverture — comme sur le burger
   et le panier dès qu'on les atteint au clavier. Les états restent lisibles,
   mais par la couleur du trait et le contour, pas par un fond.
   `:where()` n'ajoute aucune spécificité : c'est la répétition des trois états
   qui l'emporte sur la règle du parent, sans course au `!important`. */
:where(
  .ub-barre__action,
  .ub-annonce__fermer,
  .ub-panneau__fermer,
  .ub-panneau__chevron,
  .ub-pied__bascule
),
.ub-barre__action:hover,
.ub-barre__action:focus,
.ub-annonce__fermer:hover,
.ub-annonce__fermer:focus,
.ub-panneau__fermer:hover,
.ub-panneau__fermer:focus,
.ub-panneau__chevron:hover,
.ub-panneau__chevron:focus,
.ub-pied__bascule:hover,
.ub-pied__bascule:focus {
  background: none;
  box-shadow: none;
}

/* La bascule du pied garde la couleur du texte du pied : Kadence passe le texte
   de ses boutons en blanc au survol et au focus, ce qui effaçait le titre de la
   rubrique sur le fond blanc du pied dès qu'on dépliait une ligne. */
.ub-pied__bascule,
.ub-pied__bascule:hover,
.ub-pied__bascule:focus {
  color: inherit;
}

/* Kadence colore aussi le *texte* de ses boutons en blanc, en même temps qu'il
   pose son fond bleu. Neutraliser le fond seul laissait une croix blanche sur
   le fond blanc du panneau : invisible. Les boutons de la barre, eux, suivent
   la couleur de la barre — crème sur le héros, encre une fois posée. */
.ub-panneau__fermer,
.ub-panneau__fermer:focus,
.ub-panneau__chevron,
.ub-panneau__chevron:focus {
  color: var(--ub-gris);
}

.ub-barre__action,
.ub-barre__action:focus,
.ub-annonce__fermer,
.ub-annonce__fermer:focus {
  color: inherit;
}

.ub-barre__action:hover,
.ub-annonce__fermer:hover,
.ub-panneau__fermer:hover,
.ub-panneau__chevron:hover {
  color: var(--ub-terra);
}

/* Le contour de focus reste, lui : sans indication visible, la navigation au
   clavier devient un parcours à l'aveugle. */
.ub-barre__action:focus-visible,
.ub-annonce__fermer:focus-visible,
.ub-panneau__fermer:focus-visible,
.ub-panneau__chevron:focus-visible,
.ub-pied__bascule:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Décalage rentré pour la bascule du pied : elle occupe toute la largeur de la
   ligne, et un contour débordant serait rogné par les bords de l'écran. */
.ub-pied__bascule:focus-visible {
  outline-offset: -2px;
}

/* Champ de recherche : Kadence entoure ses champs d'un cadre bleu au focus,
   qui jurait avec le trait unique du panneau. L'état reste franchement visible
   — le soulignement passe d'un filet gris à deux pixels d'encre — mais dans la
   charte. */
/* Sélecteur allongé à dessein : Kadence cible ses champs par le nom de balise
   et le type (`input[type="search"]:focus`), ce qui l'emportait sur une simple
   classe — le cadre restait gris-bleu. Le champ est en gélule : l'état de focus
   se marque sur la boîte entière, pas sur le seul champ. */
.ub-recherche input.ub-recherche__champ,
.ub-recherche input.ub-recherche__champ:focus,
.ub-recherche input.ub-recherche__champ:focus-visible {
  border: 0;
  box-shadow: none;
  outline: none;
}

.ub-recherche__boite:focus-within {
  outline: 2px solid var(--ub-encre);
  outline-offset: 2px;
}

/* ─── Style de bouton Kadence au survol ─────────────────────────────────────
   Kadence habille TOUS les `button:hover` — fond bleu de sa palette et ombre
   portée de 25 px — et sa feuille est enfilée APRÈS celles du thème enfant. Le
   thème ne redéclarait que la couleur du texte sur ses boutons nus : le fond
   bleu réapparaissait donc au survol, apparaissant et disparaissant au rythme de
   la transition de 0,2 s (signalé par le client le 2026-08-06).

   L'ombre est neutralisée ici pour tous les boutons du thème d'un coup : aucun
   n'en veut, le dessin est plat, et une rustine par bouton laisserait passer le
   prochain. Le FOND ne peut pas être traité de la même façon — celui du Club et
   celui de l'ajout au panier sont légitimes — il est donc corrigé là où chaque
   bouton est défini.

   `button[class*='ub-']:hover` pèse un élément, un attribut et une
   pseudo-classe : plus que le `button:hover` de Kadence, qui l'emporterait à
   égalité puisque sa feuille est la dernière enfilée.

   Les trois états sont visés parce que Kadence les vise : un survol corrigé
   seul laisserait le fond bleu revenir au clic et à la prise de focus. */
button[class*='ub-']:hover,
button[class*='ub-']:focus,
button[class*='ub-']:active {
  box-shadow: none;
}

/* ─── Bandeau de titre des archives et des pages ────────────────────────────
   Kadence coiffe les catégories produit, la boutique et les pages d'un bandeau
   posé sur son gris bleuté (#EDF2F7) — une couleur qui n'appartient à aucune
   palette de la marque, et la seule surface froide d'un site tenu par l'encre,
   la crème et le terracotta. La bande reste (elle porte le titre et son
   espacement), mais sur le fond de la page.

   Aucun préfixe de contexte : une archive de catégorie ne porte PAS la classe
   `.page` (son corps est `archive tax-product_cat`), et une première version
   préfixée en `.page` n'avait donc aucun effet là où le bandeau se voit le plus
   — sur les pages de catégorie. La règle vise l'enveloppe elle-même, qui
   n'existe que là où Kadence dessine ce bandeau.

   Deux détails règlent le duel avec le parent, qui pose
   `.entry-hero-container-inner{background:var(--global-palette7)}` dans
   `content.min.css` :

   — la spécificité. `kadence-integration.css` est la dernière feuille du thème
     ENFANT, mais `content.min.css` est enfilée après elle : à poids égal, c'est
     Kadence qui gagne. `.entry-hero` en préfixe (l'enveloppe `<section>` du
     bandeau) porte la règle à 0,2,0 contre 0,1,0, ce qui tranche sans
     `!important` ;
   — le raccourci. Kadence écrit `background`, pas `background-color` : un
     `background-color` seul aurait de toute façon été balayé par le raccourci,
     qui réinitialise la couleur en même temps que le reste. */
.entry-hero .entry-hero-container-inner {
  background: transparent;
}

/* Le titre passe au serif de la marque, en capitales espacées et en encre —
   le dessin des titres du site (héros d'accueil, fil d'Ariane des fiches). Il
   restait la seule pièce en police système grasse, sur le gris de Kadence.

   Les deux classes visées couvrent les deux gabarits : `.page-title` sur les
   archives (`h1.page-title.archive-title` d'une catégorie produit),
   `.entry-title` sur les pages. La cible est préfixée par `.entry-hero` : sur
   une fiche produit, le titre du produit porte lui aussi `.entry-title`
   (`h1.product_title.entry-title`) mais vit dans la colonne d'achat, où il a
   déjà son dessin propre. */
.entry-hero .page-title,
.entry-hero .entry-title {
  color: var(--ub-encre);
  font-family: var(--ub-serif);
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}