/* =========================================================================
   Harmonisation du livre d'hommages avec la charte officielle
   -------------------------------------------------------------------------
   Le livre d'hommages est un module SÉPARÉ (mu-plugin) que l'on ne modifie
   pas. Cette feuille, chargée uniquement sur ses pages, repeint ses couleurs
   selon la charte « Institutions et mémoire du Rav Ron Chaya zatsal » v2.0,
   variante « Émeraude & or doux » :

     bleu nuit  #11233f / #13294a / #1c3a66  →  émeraude profond
     or         #c9a24b / #dcb955 / #cfa93f  →  vert olivier / or doux
     crèmes dorées                           →  ivoire chaud
     gris froids #3c4658 / #27303f           →  émeraude profond
     gris chauds #5a5141 / #6b6453           →  gris pierre

   Aucune couleur en dur ici (§11.1) : tout provient de la couche normative
   --rcz-* définie dans front.css, dont cette feuille dépend explicitement
   (voir Rav_Engagements_Bridge::enqueue_harmony). Changer la palette du site
   change donc aussi celle du livre d'hommages, sans toucher à ce fichier.

   Les déclarations d'origine sont écrites en ligne : on force donc la
   priorité (!important). Si le module hommages évolue, cette feuille reste
   sans effet plutôt que de casser quoi que ce soit.
   ========================================================================= */

.leava-hommages,
.lhg {
	/* Couche de compatibilité : renvois uniquement, aucune valeur propre. */
	--rh-brun: var(--rcz-surface-institutional);
	--rh-brun-2: var(--rcz-surface-institutional-secondary);
	--rh-terra: var(--rcz-link-default);
	--rh-terra-2: var(--rcz-surface-institutional);
	--rh-terra-deep: var(--rcz-text-primary);
	--rh-or: var(--rcz-action-secondary-bg);
	--rh-ink: var(--rcz-text-primary);
	--rh-muted: var(--rcz-text-secondary);
	--rh-ivory: var(--rcz-surface-page);
	--rh-cream: var(--rcz-state-info-bg);
	--rh-border: var(--rcz-border-default);
	--rh-font-head: var(--rcz-font-title);
	--rh-font-body: var(--rcz-font-ui);
}

/* ── Texte général ────────────────────────────────────────── */
.leava-hommages,
.lhg {
	color: var(--rh-ink) !important;
	font-family: var(--rh-font-body) !important;
}

/* ── Titres (Cormorant Garamond, émeraude profond) ────────── */
.leava-hommages .leava-hommages__heb,
.leava-hommages .leava-hommages__titre,
.lhg .lhg-heb,
.lhg .lhg-titre,
.lhg .lhg-detail-nom {
	color: var(--rh-brun) !important;
	font-family: var(--rh-font-head) !important;
}

/* ── Filets ornementaux : or doux (décor, sans valeur d'information) ── */
.leava-hommages .leava-hommages__filet,
.lhg .lhg-filet,
.lhg .lhg-detail-orn {
	background: var(--rh-or) !important;
}

/* ── Sous-titres et mentions discrètes : gris pierre ──────── */
.leava-hommages .leava-hommages__sous,
.leava-hommages .leava-hommages__vide,
.leava-hommages .leava-hommages__media-label,
.leava-hommages .leava-hommages__limite,
.lhg .lhg-sous,
.lhg .lhg-vide,
.lhg .lhg-detail-date,
.lhg .lhg-detail-ville {
	color: var(--rh-muted) !important;
}

/* ── Textes courants ──────────────────────────────────────── */
.leava-hommages .leava-hommages__texte,
.leava-hommages .leava-hommages__invite,
.leava-hommages .leava-hommages__media-intro,
.leava-hommages .leava-hommages__consent-case,
.leava-hommages .leava-hommages__anonyme,
.leava-hommages .leava-hommages__voix-timer,
.lhg .lhg-carte-extrait,
.lhg .lhg-detail-texte {
	color: var(--rh-ink) !important;
}

/* ── Bloc de formulaire : fond ivoire, bordure charte ─────── */
.leava-hommages .leava-hommages__form-bloc {
	background: var(--rh-ivory) !important;
	border-color: var(--rh-border) !important;
	box-shadow: var(--rcz-shadow-card) !important;
}

/* ── Champs de saisie ─────────────────────────────────────── */
.leava-hommages .leava-hommages__form input[type=text],
.leava-hommages .leava-hommages__form input[type=email],
.leava-hommages .leava-hommages__form input[type=tel],
.leava-hommages .leava-hommages__form textarea {
	border-color: var(--rh-border) !important;
	color: var(--rh-ink) !important;
	background: var(--rcz-surface-card) !important;
}
/* Focus bicolore obligatoire (§9.1). */
.leava-hommages .leava-hommages__form input:focus,
.leava-hommages .leava-hommages__form textarea:focus,
.leava-hommages .leava-hommages__form input:focus-visible,
.leava-hommages .leava-hommages__form textarea:focus-visible,
.lhg a:focus-visible,
.lhg button:focus-visible,
.leava-hommages a:focus-visible,
.leava-hommages button:focus-visible {
	outline: none !important;
	border-color: var(--rcz-focus-outer) !important;
	box-shadow:
		0 0 0 var(--rcz-focus-offset) var(--rcz-focus-inner),
		0 0 0 calc(var(--rcz-focus-offset) + var(--rcz-focus-width)) var(--rcz-focus-outer) !important;
}

/* ── Bouton principal (envoyer) : fond institutionnel ─────── */
.leava-hommages .leava-hommages__btn,
.leava-hommages .leava-hommages__btn:disabled,
.leava-hommages .leava-hommages__btn.is-loading {
	background: var(--rcz-action-primary-bg) !important;
	color: var(--rcz-action-primary-text) !important;
}
.leava-hommages .leava-hommages__btn:hover {
	background: var(--rcz-action-primary-hover-bg) !important;
}

/* ── Bandeaux d'appel à l'action : panneau clair ──────────── */
.lhg .lhg-cta,
.lhg-cta,
.leava-hommages-cta {
	background: var(--rh-cream) !important;
	color: var(--rh-ink) !important;
	border-color: var(--rh-border) !important;
}

/* ── Boutons d'action des bandeaux ────────────────────────── */
.leava-hommages .leava-hommages__voir-btn,
.lhg .lhg-cta a,
.leava-hommages-cta a {
	background: var(--rcz-action-primary-bg) !important;
	color: var(--rcz-action-primary-text) !important;
	box-shadow: 0 6px 18px -8px rgb(11 59 46 / .45) !important;
}
.leava-hommages .leava-hommages__voir-btn:hover,
.lhg .lhg-cta a:hover,
.leava-hommages-cta a:hover {
	background: var(--rcz-action-primary-hover-bg) !important;
}

/* ── Boutons d'enregistrement vocal ───────────────────────── */
.leava-hommages .leava-hommages__voix-btn {
	background: var(--rh-terra) !important;
	color: var(--rcz-text-inverse) !important;
}
.leava-hommages .leava-hommages__voix-btn:hover { background: var(--rh-terra-2) !important; }
.leava-hommages .leava-hommages__voix-btn--stop { background: var(--rcz-state-error-bg) !important; }
.leava-hommages .leava-hommages__voix-btn--stop:hover { background: var(--rh-brun) !important; }

/* ── Encart « rester anonyme » : clair, accent vert ───────── */
.leava-hommages .leava-hommages__anonyme {
	background: var(--rh-cream) !important;
	border-color: var(--rh-terra) !important;
	box-shadow: 0 2px 10px rgb(11 59 46 / .10) !important;
}
.leava-hommages .leava-hommages__anonyme:hover {
	background: var(--rh-ivory) !important;
	border-color: var(--rh-terra-deep) !important;
}
.leava-hommages .leava-hommages__anonyme strong { color: var(--rh-brun) !important; }
.leava-hommages .leava-hommages__anonyme input[type=checkbox],
.leava-hommages .leava-hommages__consent-case input[type=checkbox] {
	accent-color: var(--rh-terra) !important;
}

/* ── Bloc de consentement ─────────────────────────────────── */
.leava-hommages .leava-hommages__consent { border-color: var(--rh-border) !important; }
.leava-hommages .leava-hommages__consent-titre { color: var(--rh-brun) !important; }

/* ── Cartes d'hommage : liseré or doux ────────────────────── */
.leava-hommages .leava-hommages__carte,
.lhg .lhg-carte {
	border-color: var(--rh-border) !important;
	border-left-color: var(--rh-or) !important;
	box-shadow: 0 4px 14px rgb(11 59 46 / .06) !important;
}
.leava-hommages .leava-hommages__auteur,
.lhg .lhg-carte-auteur,
.lhg .lhg-detail-signature {
	color: var(--rh-brun) !important;
}

/* ── Pagination & liens ───────────────────────────────────── */
.leava-hommages .leava-hommages__pg,
.lhg .lhg-pg,
.lhg .lhg-carte-lire,
.lhg .lhg-detail-retour {
	color: var(--rcz-link-default) !important;
}
.leava-hommages .leava-hommages__pg:hover,
.lhg .lhg-pg:hover,
.lhg .lhg-carte-lire:hover,
.lhg .lhg-detail-retour:hover {
	color: var(--rcz-link-hover) !important;
}
.leava-hommages .leava-hommages__pg-info,
.lhg .lhg-pg-info { color: var(--rh-muted) !important; }

/* ── Badges de la galerie ─────────────────────────────────── */
.lhg .lhg-badge {
	background: var(--rh-cream) !important;
	color: var(--rh-terra-deep) !important;
	border-color: var(--rh-border) !important;
}

/* ── Portrait : médaillon cerclé d'or doux ────────────────── */
.leava-hommages .leava-hommages__photo,
.lhg .lhg-photo {
	border-color: var(--rh-or) !important;
}

/* ── Messages de retour ───────────────────────────────────── */
.leava-hommages .leava-hommages__retour--ok {
	background: var(--rcz-state-success-soft) !important;
	border-color: var(--rcz-state-success-border) !important;
	color: var(--rcz-state-success-strong) !important;
}
.leava-hommages .leava-hommages__retour--err {
	background: var(--rcz-state-error-soft) !important;
	border-color: var(--rcz-state-error-border) !important;
	color: var(--rcz-state-error-bg) !important;
}