/* ============================================================
   IMMERSIF — UNIFORMISATION « MOBILIER » DES PAGES INTERNES (lot 2.7)
   Chargé sur TOUTES les pages SAUF la home (qui est déjà 100% Immersif).
   Objectif : faire que les pages internes (Elementor/Kadence) partagent le
   même « mobilier » que la home — boutons, liens, rayons, focus — SANS toucher
   aux couleurs propres de chaque produit (RIVABiz vert, RIVATRESO rouge, sections
   bleues…). On ne recolore donc PAS les fonds/sections : on aligne les composants.

   Les tokens (--navy, --amber, --amber-deep, --blue, --r-pill, --f-imm) viennent
   de immersif-chrome.css (chargé site-wide). 100% réversible : retirer l'enqueue.
   ============================================================ */

/* ---------- BOUTONS → pill ambre Immersif (cohérent avec le header) ----------
   On cible les boutons standards Elementor + Kadence + blocs WP. Les sections
   gardent leur couleur produit ; seuls les boutons adoptent l'ambre + la forme pill. */
.elementor-button,
a.elementor-button,
.elementor-widget-button .elementor-button,
.wp-block-button__link,
.kb-button,
.kt-button,
.wp-block-button .wp-element-button {
  background-color: var(--amber) !important;
  border-color: var(--amber) !important;
  color: #fff !important;
  border-radius: var(--r-pill) !important;
  box-shadow: none;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .12s ease !important;
}
.elementor-button:hover,
a.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
.wp-block-button__link:hover,
.kb-button:hover,
.kt-button:hover,
.wp-block-button .wp-element-button:hover {
  background-color: var(--amber-deep) !important;
  border-color: var(--amber-deep) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px -12px rgba(224, 138, 60, .55) !important;
}
.elementor-button:active,
a.elementor-button:active { transform: scale(.99); }
/* L'icône du bouton suit la couleur du texte */
.elementor-button .elementor-button-icon i,
.elementor-button .elementor-button-icon svg { color: currentColor !important; fill: currentColor !important; }

/* ---------- LIENS dans le contenu → bleu Immersif ----------
   Uniquement les liens éditoriaux (pas les boutons, pas les cartes/images cliquables). */
[data-elementor-type="wp-page"] .elementor-widget-text-editor a:not(.elementor-button),
[data-elementor-type="wp-page"] .elementor-widget-theme-post-content a:not(.elementor-button),
.entry-content a:not(.elementor-button):not(.wp-block-button__link),
.single-post .elementor-widget-text-editor a:not(.elementor-button) {
  color: var(--blue);
  text-decoration-color: color-mix(in srgb, var(--blue) 40%, transparent);
  text-underline-offset: 2px;
  transition: color .15s ease;
}
[data-elementor-type="wp-page"] .elementor-widget-text-editor a:not(.elementor-button):hover,
.entry-content a:not(.elementor-button):not(.wp-block-button__link):hover,
.single-post .elementor-widget-text-editor a:not(.elementor-button):hover {
  color: var(--amber-deep);
}

/* ---------- CHAMPS DE FORMULAIRE → rayon Immersif (douceur cohérente) ---------- */
.elementor-field-textual,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
  border-radius: 12px !important;
}

/* ---------- FOCUS visible cohérent (accessibilité, accent ambre) ---------- */
a:focus-visible,
.elementor-button:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--amber) 55%, transparent) !important;
  outline-offset: 2px;
}

/* ---------- Cohérence typo : police de base Montserrat (comme la home) ----------
   Les titres Elementor sont déjà en Montserrat ; on s'assure juste qu'aucun
   résidu serif (Spectral lot-1) ne s'applique au contenu des pages internes. */
[data-elementor-type="wp-page"] .elementor-heading-title { font-family: var(--f-imm) !important; }