/* =============================================================
   Global frontend — Muriel Lenégaret
   Tokens design + overrides minimaux pour cohérence sur TOUTES les
   pages (chargé sans condition depuis hello-elementor-child/functions.php).
   ============================================================= */

:root {
    --ml-primary: #B72854;
    --ml-primary-hover: #9a1f47;
    --ml-primary-light: #FBE9EE;
    --ml-navy: #012D43;
    --ml-navy-hover: #021f2e;
    --ml-cream: #FAF7F4;
    --ml-line: #E8E1D9;
}

/* ---------- Titres : Jost + navy partout ----------
   Override des styles inline d'Elementor pour cohérence H1/H2 sur les
   12 pages du site (audit a relevé du Cormorant sur Single Post,
   du rose pastel sur Accueil, etc.). */

body h1,
body h1.elementor-heading-title,
body .elementor-widget-theme-post-title h1,
body .elementor-widget-theme-archive-title h1 {
    font-family: "Jost", sans-serif !important;
    color: var(--ml-navy) !important;
    font-weight: 600;
}

body h2.elementor-heading-title {
    font-family: "Jost", sans-serif;
    color: var(--ml-navy);
}

/* ---------- Boutons ----------
   Le site a déjà un style cohérent (mauve plein 30px + variant navy). On
   garantit une couleur valide en fallback, on ajoute touch target 48px,
   et un micro-hover. Les variantes opt-in (.ml-btn-secondary / -ghost)
   sont disponibles via le champ "CSS Classes" du widget Button. */

body .elementor-button {
    transition: background-color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
body a.elementor-button:hover,
body button.elementor-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(1, 45, 67, 0.12);
}

body .elementor-button.ml-btn-secondary {
    background-color: var(--ml-navy) !important;
    color: #ffffff !important;
}
body .elementor-button.ml-btn-secondary:hover {
    background-color: var(--ml-navy-hover) !important;
}

body .elementor-button.ml-btn-ghost {
    background-color: transparent !important;
    color: var(--ml-primary) !important;
    border: 1.5px solid var(--ml-primary);
}
body .elementor-button.ml-btn-ghost:hover {
    background-color: var(--ml-primary-light) !important;
}

/* ---------- Breadcrumbs ---------- */

.ml-breadcrumbs {
    font-family: "Jost", sans-serif;
    font-size: 13px;
    color: var(--ml-navy);
    opacity: 0.75;
    text-align: center;
    margin: 0 auto 16px;
    line-height: 1.4;
    letter-spacing: 0.02em;
}
.ml-breadcrumbs a {
    color: var(--ml-primary);
    text-decoration: none;
}
.ml-breadcrumbs a:hover {
    text-decoration: underline;
}
.ml-breadcrumbs__sep {
    margin: 0 6px;
    opacity: 0.5;
}
.ml-breadcrumbs [aria-current="page"] {
    color: var(--ml-navy);
    font-weight: 500;
}