/* =====================================================================
 *  MIAMY — CHARTE GRAPHIQUE CANONIQUE
 *
 *  Cette feuille définit les tokens et composants UI réutilisables.
 *  Inclure APRÈS les CSS Bootstrap/responsive.
 *
 *  Pour rester cohérent, n'utiliser QUE ces classes/variables.
 * ===================================================================== */

:root {
    /* === Palette === */
    --m-orange:        #e85d2a;
    --m-orange-light:  #ff8c4d;
    --m-orange-dark:   #cc4d1f;
    --m-orange-pale:   #fff3e9;
    --m-orange-cream:  #fff8f3;

    --m-brown:         #2a1a0e;
    --m-brown-light:   #4a3a2a;
    --m-text:          #2a1a0e;
    --m-text-soft:     #5a4030;
    --m-text-muted:    #888;

    --m-bg:            #fff;
    --m-bg-alt:        #ffe0c7;
    --m-bg-cream:      #fff8f3;
    --m-border:        #f1ece6;

    --m-success:       #2a7d4f;
    --m-warning:       #d4880b;
    --m-danger:        #b8332a;

    /* === Typographie (mobile-first) === */
    --m-fs-h1:         1.9rem;
    --m-fs-h2:         1.5rem;
    --m-fs-h3:         1.2rem;
    --m-fs-body:       1rem;
    --m-fs-small:      .88rem;
    --m-fs-tiny:       .78rem;

    /* === Espacements === */
    --m-section-py:    48px;
    --m-card-radius:   14px;
    --m-btn-radius:    12px;

    /* === Ombres === */
    --m-shadow-sm:     0 2px 8px rgba(42,26,14,.05);
    --m-shadow-md:     0 4px 12px rgba(42,26,14,.08);
    --m-shadow-lg:     0 10px 30px rgba(42,26,14,.12);
    --m-shadow-orange: 0 4px 14px rgba(232,93,42,.3);

    /* === Gradients === */
    --m-grad-orange:   linear-gradient(135deg, #e85d2a 0%, #ff8c4d 100%);
    --m-grad-brown:    linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%);
    --m-grad-cream:    linear-gradient(135deg, #FFE4D1 0%, #FFD4A8 100%);
}

@media (min-width: 768px) {
    :root {
        --m-fs-h1:      2.4rem;
        --m-fs-h2:      1.95rem;
        --m-fs-h3:      1.35rem;
        --m-section-py: 72px;
    }
}
@media (min-width: 1200px) {
    :root {
        --m-fs-h1:      2.8rem;
        --m-fs-h2:      2.1rem;
    }
}

/* ============================================================
 *  TYPOGRAPHIE — appliquée à tous les h1/h2/h3 du front public
 *  Surcharge les inline styles via !important sur les sélecteurs
 *  qui ciblent <section h1>, <section h2>, etc.
 * ============================================================ */
section h1,
.miamy-h1,
section .miamy-page-title {
    font-size: var(--m-fs-h1) !important;
    font-weight: 800 !important;
    color: var(--m-text);
    line-height: 1.1 !important;
    letter-spacing: -.01em !important;
    margin-bottom: .5rem;
}
section h2,
.miamy-h2,
.miamy-section-title {
    font-size: var(--m-fs-h2) !important;
    font-weight: 800 !important;
    color: var(--m-text) !important;
    line-height: 1.2 !important;
    letter-spacing: -.005em;
    margin-bottom: .5rem;
}
section h3,
.miamy-h3 {
    font-size: var(--m-fs-h3);
    font-weight: 700;
    color: var(--m-text);
}

/* Hero : titre blanc */
.miamy-hero h1,
.miamy-hero-dark h1,
.miamy-hero-light h1 { color: #fff !important; }
.miamy-hero-light h1 { color: var(--m-text) !important; }

/* Body / paragraphes */
section p { color: var(--m-text-soft); line-height: 1.65; }
section .lead { color: var(--m-text-soft); font-size: 1.1rem; }

/* ============================================================
 *  EYEBROW (pill au-dessus des titres de section)
 *  À utiliser : <span class="miamy-eyebrow"><i class="fas fa-X"></i> Texte</span>
 * ============================================================ */
.miamy-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 5px 14px;
    background: var(--m-orange-pale);
    color: var(--m-orange);
    font-weight: 600;
    font-size: .82rem;
    letter-spacing: .02em;
    border-radius: 100px;
    border: 1px solid rgba(232,93,42,.15);
}
.miamy-eyebrow.is-dark { background: rgba(255,255,255,.12); color: #ff8c4d; border-color: rgba(255,255,255,.2); }
.miamy-eyebrow.is-green { background: #e1f5ee; color: var(--m-success); border-color: rgba(42,125,79,.15); }
.miamy-eyebrow.is-amber { background: #fdf3e3; color: var(--m-warning); border-color: rgba(212,136,11,.15); }
.miamy-eyebrow.is-danger { background: #fde7e7; color: var(--m-danger); border-color: rgba(184,51,42,.15); }

/* ============================================================
 *  SECTIONS — paddings standards
 *  À utiliser : <section class="miamy-section"> ou .miamy-section-alt / .miamy-section-cream / .miamy-section-dark
 * ============================================================ */
.miamy-section,
.section_padding {
    padding-top: var(--m-section-py) !important;
    padding-bottom: var(--m-section-py) !important;
}
.miamy-section-alt   { background: var(--m-bg-alt); }
.miamy-section-cream { background: var(--m-bg-cream); }
.miamy-section-dark  {
    background: var(--m-grad-brown);
    color: #fff;
}
.miamy-section-dark h1,
.miamy-section-dark h2,
.miamy-section-dark h3 { color: #fff !important; }
.miamy-section-dark p,
.miamy-section-dark .lead { color: rgba(255,255,255,.85); }

.miamy-section-header { text-align: center; margin-bottom: 36px; }
.miamy-section-header p { color: var(--m-text-muted); margin-top: 6px; }

/* ============================================================
 *  HEROS — 3 variantes canoniques
 * ============================================================ */
.miamy-hero {
    position: relative;
    padding: 60px 0 70px;
    overflow: hidden;
}
@media (min-width: 768px) { .miamy-hero { padding: 80px 0 90px; } }
@media (min-width: 1200px) { .miamy-hero { padding: 90px 0 110px; } }

.miamy-hero-light { background: var(--m-grad-cream); color: var(--m-text); }
.miamy-hero-dark  { background: var(--m-grad-brown);  color: #fff; }
.miamy-hero-image {
    background: linear-gradient(135deg, rgba(42,26,14,.85) 0%, rgba(74,58,42,.75) 100%), #2a1a0e;
    background-size: cover; background-position: center;
    color: #fff;
}
.miamy-hero-light::before,
.miamy-hero-dark::before,
.miamy-hero-image::before {
    content: ""; position: absolute; inset: 0;
    background:
        radial-gradient(circle at 90% 20%, rgba(255,140,77,.15) 0%, transparent 50%),
        radial-gradient(circle at 10% 90%, rgba(232,93,42,.10) 0%, transparent 60%);
    pointer-events: none;
}
.miamy-hero > .container { position: relative; z-index: 1; }

.miamy-hero h1 { letter-spacing: -.02em !important; line-height: 1.05 !important; }
.miamy-hero h1 .accent { color: var(--m-orange); }
.miamy-hero-dark h1 .accent,
.miamy-hero-image h1 .accent { color: var(--m-orange-light); }

.miamy-hero__sub {
    font-size: 1.05rem; max-width: 580px;
    color: rgba(255,255,255,.85);
    line-height: 1.6;
}
.miamy-hero-light .miamy-hero__sub { color: var(--m-text-soft); }

/* ============================================================
 *  CARDS — style Miamy unifié
 *  À utiliser : <div class="miamy-card">…</div>
 * ============================================================ */
.miamy-card {
    background: var(--m-bg);
    border: 1px solid var(--m-border);
    border-radius: var(--m-card-radius);
    box-shadow: var(--m-shadow-sm);
    overflow: hidden;
    transition: transform .15s, box-shadow .15s;
}
.miamy-card-hover:hover {
    transform: translateY(-3px);
    box-shadow: var(--m-shadow-md);
}
.miamy-card-header {
    padding: 14px 18px;
    border-bottom: 1px solid var(--m-border);
    background: var(--m-orange-cream);
    display: flex; align-items: center; gap: 10px;
    font-weight: 700; color: var(--m-text);
    font-size: 1rem;
}
.miamy-card-body { padding: 18px; }
@media (min-width: 768px) { .miamy-card-body { padding: 24px; } }

.miamy-bullet {
    width: 32px; height: 32px; border-radius: 9px;
    background: var(--m-orange-pale);
    color: var(--m-orange);
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .9rem; flex: 0 0 32px;
}

/* ============================================================
 *  BOUTONS canoniques
 * ============================================================ */
.miamy-btn {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 6px;
    padding: 11px 22px;
    border-radius: var(--m-btn-radius);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    text-decoration: none !important;
    border: 0; cursor: pointer;
    transition: transform .15s, box-shadow .15s, background .15s, color .15s, border-color .15s;
}
.miamy-btn-lg { padding: 14px 26px; font-size: 1.05rem; }
.miamy-btn-sm { padding: 7px 14px; font-size: .9rem; }

.miamy-btn-orange {
    background: var(--m-grad-orange);
    color: #fff !important;
    box-shadow: var(--m-shadow-orange);
}
.miamy-btn-orange:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(232,93,42,.4);
    color: #fff !important;
}
.miamy-btn-orange:disabled { opacity: .5; cursor: not-allowed; }

.miamy-btn-outline {
    background: #fff;
    color: var(--m-orange) !important;
    border: 1.5px solid var(--m-orange);
}
.miamy-btn-outline:hover { background: var(--m-orange); color: #fff !important; }

.miamy-btn-dark {
    background: var(--m-brown);
    color: #fff !important;
}
.miamy-btn-dark:hover { background: var(--m-orange); color: #fff !important; }

.miamy-btn-ghost {
    background: rgba(255,255,255,.18);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.35);
}
.miamy-btn-ghost:hover { background: rgba(255,255,255,.32); color: #fff !important; }

/* ============================================================
 *  BADGES & PILLS
 * ============================================================ */
.miamy-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 10px;
    background: var(--m-orange-pale);
    color: var(--m-orange);
    border-radius: 100px;
    font-size: .78rem; font-weight: 600;
}
.miamy-pill.is-success { background: #e1f5ee; color: var(--m-success); }
.miamy-pill.is-warning { background: #fdf3e3; color: var(--m-warning); }
.miamy-pill.is-danger  { background: #fde7e7; color: var(--m-danger); }

/* ============================================================
 *  BREADCRUMB unifié pour les hero front
 * ============================================================ */
.miamy-breadcrumb {
    display: inline-flex; align-items: center; flex-wrap: wrap;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(6px);
    padding: 6px 14px;
    border-radius: 100px;
    font-size: .82rem;
    color: rgba(255,255,255,.85);
    margin-bottom: 14px;
}
.miamy-hero-light .miamy-breadcrumb {
    background: rgba(255,255,255,.5);
    border-color: rgba(0,0,0,.06);
    color: var(--m-text-soft);
}
.miamy-breadcrumb a { color: inherit !important; text-decoration: none; }
.miamy-breadcrumb a:hover { color: var(--m-orange) !important; }
.miamy-hero-dark .miamy-breadcrumb a:hover,
.miamy-hero-image .miamy-breadcrumb a:hover { color: #fff !important; }
.miamy-breadcrumb .sep { margin: 0 .5em; opacity: .5; }
.miamy-breadcrumb .active { font-weight: 600; }
.miamy-hero-light .miamy-breadcrumb .active { color: var(--m-text); }
.miamy-hero-dark .miamy-breadcrumb .active,
.miamy-hero-image .miamy-breadcrumb .active { color: #fff; }

/* ============================================================
 *  STATS BAR (sous-hero)
 * ============================================================ */
.miamy-stats {
    background: #fff;
    padding: 36px 0;
    border-bottom: 1px solid var(--m-border);
}
.miamy-stats__num {
    font-size: 2rem;
    font-weight: 800;
    color: var(--m-orange);
    line-height: 1;
}
.miamy-stats__lbl { color: var(--m-text-muted); font-size: .82rem; }
@media (min-width: 768px) { .miamy-stats__num { font-size: 2.4rem; } }

/* ============================================================
 *  STEP NUMBER (1/2/3 dans cercles)
 * ============================================================ */
.miamy-step-num {
    width: 60px; height: 60px;
    border-radius: 50%;
    background: var(--m-orange-pale);
    color: var(--m-orange);
    font-size: 1.5rem; font-weight: 800;
    display: inline-flex; align-items: center; justify-content: center;
    margin-bottom: 14px;
}

/* ============================================================
 *  HARMONISATION FORCÉE des inline styles existants
 *  (pour les pages déjà écrites avec des couleurs codées en dur)
 * ============================================================ */
[style*="color:#e85d2a"],
[style*="color: #e85d2a"] { color: var(--m-orange) !important; }
[style*="color:#2a1a0e"],
[style*="color: #2a1a0e"] { color: var(--m-text) !important; }
[style*="background:#e85d2a"],
[style*="background: #e85d2a"] { background: var(--m-orange) !important; }
[style*="background:#2a1a0e"],
[style*="background: #2a1a0e"] { background: var(--m-brown) !important; }

/* Boutons "btn_theme" / "btn_navber" du template legacy → look Miamy */
.btn_theme, .btn_navber {
    background: var(--m-grad-orange) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: var(--m-btn-radius) !important;
    padding: 11px 22px !important;
    font-weight: 600 !important;
    box-shadow: var(--m-shadow-orange);
    transition: transform .15s, box-shadow .15s !important;
}
.btn_theme:hover, .btn_navber:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(232,93,42,.4) !important;
    color: #fff !important;
}
.btn_sm { padding: 7px 14px !important; font-size: .9rem !important; }
.btn_md { padding: 11px 22px !important; }

/* ============================================================
 *  COMMON_BANNER (template legacy) → hero CRÈME Miamy unifié
 *  Force un fond crème/orange pâle clair (pas de marron) avec
 *  des halos décoratifs en arrière-plan. Le titre est en brun
 *  foncé sur fond clair.
 * ============================================================ */
#common_banner,
section#common_banner {
    position: relative !important;
    background: var(--m-grad-cream) !important;
    padding: 60px 0 70px !important;
    color: var(--m-text) !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}
@media (min-width: 768px) {
    #common_banner { padding: 80px 0 90px !important; }
}
#common_banner::before {
    content: ""; position: absolute; inset: 0;
    background:
        radial-gradient(circle at 88% 15%, rgba(255,140,77,.25) 0%, transparent 45%),
        radial-gradient(circle at 8% 90%, rgba(232,93,42,.18) 0%, transparent 55%);
    pointer-events: none;
}
#common_banner > .container { position: relative; z-index: 2; }
#common_banner .common_bannner_text {
    text-align: center;
}
#common_banner .common_bannner_text h2 {
    color: var(--m-text) !important; /* BRUN FONCÉ (pattern home) */
    font-size: var(--m-fs-h1) !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    margin-bottom: 16px !important;
    line-height: 1.1 !important;
}
#common_banner .common_bannner_text ul {
    display: inline-flex; align-items: center; flex-wrap: wrap;
    list-style: none; padding: 6px 14px; margin: 0;
    background: rgba(255,255,255,.7); /* pill BLANC semi-transparent */
    border: 1px solid rgba(0,0,0,.05);
    backdrop-filter: blur(6px);
    border-radius: 100px;
    font-size: .82rem;
}
#common_banner .common_bannner_text ul li {
    color: var(--m-text-soft);
    display: inline-flex; align-items: center;
}
#common_banner .common_bannner_text ul li a {
    color: var(--m-text-soft) !important;
    text-decoration: none;
    transition: color .15s;
}
#common_banner .common_bannner_text ul li a:hover { color: var(--m-orange) !important; }
#common_banner .common_bannner_text ul li span,
#common_banner .common_bannner_text ul li:not(:first-child)::before {
    content: "/"; padding: 0 .5em; opacity: .45;
}
#common_banner .common_bannner_text ul li span { display: inline-block; }
#common_banner .common_bannner_text ul li span i { display: none; } /* hide old fa-circle */
#common_banner .common_bannner_text ul li:last-child {
    color: var(--m-orange); font-weight: 700;
}

/* ============================================================
 *  AUTRES legacy classes → look harmonisé
 * ============================================================ */
.foods-cart-subtotal {
    display: flex; justify-content: space-between;
    padding-top: 10px; margin-top: 10px;
    border-top: 1px dashed var(--m-border);
    font-weight: 700; color: var(--m-text);
}
.foods-cart-subtotal .subtotal { color: var(--m-orange); font-size: 1.15rem; }

/* common_author_boxed (formulaires legacy connexion/inscription) */
.common_author_boxed {
    background: #fff !important;
    border-radius: var(--m-card-radius) !important;
    box-shadow: var(--m-shadow-md) !important;
    border: 1px solid var(--m-border) !important;
    padding: 28px !important;
}
.common_author_heading h2 {
    color: var(--m-text) !important;
    font-weight: 800 !important;
    font-size: 1.6rem !important;
    margin-bottom: 8px;
}
.common_author_heading h3 {
    color: var(--m-orange) !important;
    font-size: .85rem !important;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700 !important;
    margin-bottom: 4px;
}
.common_author_form .form-control {
    border-radius: 8px !important;
    border-color: #e3dcd3 !important;
}

/* ============================================================
 *  Centrage / wrap des breadcrumb dans hero
 * ============================================================ */
.miamy-hero .container { text-align: center; }
.miamy-hero .container .miamy-breadcrumb { margin-left: auto; margin-right: auto; }

/* ============================================================
 *  REMPLACEMENT DES HEROS BRUN FONCÉ → ORANGE/CRÈME
 *  Cible les sections inline qui utilisent encore le gradient
 *  marron foncé Miamy : pour-les-restaurateurs, commande, etc.
 *  On force le passage à un dégradé orange chaleureux.
 * ============================================================ */

/* Hero pour-les-restaurateurs (ex-marron 0% → 100%)
   → fond crème orange clair + titres orange foncé (pattern à-propos/FAQ) */
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] {
    background: var(--m-grad-cream) !important;
    color: var(--m-text) !important;
}
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] h1,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] h1 {
    color: var(--m-text) !important; /* 1ère ligne brun foncé */
}
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] h1 [style*="color:#ff8c4d"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] h1 [style*="color:#ff8c4d"],
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] h1 [style*="color: #ff8c4d"] {
    color: var(--m-orange) !important; /* accent ligne 2 orange foncé */
}
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] h2,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] h2,
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] h3,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] h3 {
    color: var(--m-text) !important;
}
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] p,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] p {
    color: var(--m-text-soft) !important;
}
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] .text-white-50,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] .text-white-50,
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] [class*="text-white"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] [class*="text-white"] {
    color: var(--m-text-soft) !important;
}
/* Encart prix latéral : carte blanche au lieu de fond translucide sombre */
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] [style*="background:rgba(255,255,255,.05)"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] [style*="background:rgba(255,255,255,.05)"] {
    background: #fff !important;
    border-color: var(--m-orange-pale) !important;
    color: var(--m-text) !important;
    box-shadow: 0 4px 14px rgba(232,93,42,.12);
}
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] [style*="background:rgba(255,255,255,.05)"] [style*="color:#ff8c4d"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] [style*="background:rgba(255,255,255,.05)"] [style*="color:#ff8c4d"] {
    color: var(--m-orange) !important;
}
/* Décorations halos sombres → halos orange chaleureux */
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] [style*="rgba(232,93,42,.25)"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] [style*="rgba(232,93,42,.25)"],
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] [style*="rgba(255,140,77,.15)"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] [style*="rgba(255,140,77,.15)"] {
    opacity: .5;
}
/* Eyebrow pill (ex-pill brun translucide) → blanc avec texte orange */
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] [style*="background:rgba(232,93,42,.2)"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] [style*="background:rgba(232,93,42,.2)"] {
    background: rgba(255,255,255,.7) !important;
    color: #cc5500 !important;
    border-color: rgba(0,0,0,.05) !important;
}

/* ============================================================
 *  HARMONISATION GLOBALE DES EYEBROW PILLS — pattern HOME
 *  Tous les pills `.d-inline-block.rounded-pill` qui servent de
 *  catégorie au-dessus d'un titre de hero passent en :
 *    fond blanc semi-transparent + texte/icône orange foncé
 * ============================================================ */
section .rounded-pill[style*="background:#fff3e9"],
section .rounded-pill[style*="background: #fff3e9"],
section .rounded-pill[style*="background:rgba(255,255,255,.7)"],
section .rounded-pill[style*="background: rgba(255,255,255,.7)"],
section .rounded-pill[style*="background:#e1f5ee"],
section .rounded-pill[style*="background: #e1f5ee"] {
    background: rgba(255,255,255,.7) !important;
    color: #cc5500 !important;
    border: 1px solid rgba(0,0,0,.05) !important;
}
/* Icone interne au pill toujours en orange foncé */
section .rounded-pill i,
section .rounded-pill .fas,
section .rounded-pill .far {
    color: #cc5500 !important;
}

/* Petits check-icons "Sans engagement / 0% / Données chez vous" : rendre lisibles
   sur fond crème (à l'origine en text-white-50 ou inline rgba blanc) */
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] .small,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] .small,
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] [style*="color:rgba(255,255,255"],
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] [style*="color:rgba(255,255,255"] {
    color: var(--m-text-soft) !important;
}
/* Les coches en accent orange sur fond crème */
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] .small i.fa-check-circle,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] .small i.fa-check-circle {
    color: var(--m-orange) !important;
}

/* Bouton outline-light du hero pour-les-restaurateurs (était blanc sur brun)
   → outline orange sur fond crème */
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] .btn-outline-light,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] .btn-outline-light {
    background: #fff !important;
    color: var(--m-orange) !important;
    border: 1.5px solid var(--m-orange) !important;
}
section[style*="linear-gradient(135deg, #2a1a0e 0%, #4a3a2a 100%)"] .btn-outline-light:hover,
section[style*="linear-gradient(135deg,#2a1a0e 0%,#4a3a2a 100%)"] .btn-outline-light:hover {
    background: var(--m-orange) !important;
    color: #fff !important;
}

/* Section CTA newsletter (transition fafafa → marron) */
section[style*="linear-gradient(180deg, #ffe0c7 0%, #2a1a0e 100%)"],
section[style*="linear-gradient(180deg,#ffe0c7 0%,#2a1a0e 100%)"] {
    background: linear-gradient(180deg, #ffe0c7 0%, var(--m-orange-cream) 100%) !important;
    color: var(--m-text) !important;
}

/* Sections avec fond marron plein */
section[style*="background:#2a1a0e"],
section[style*="background: #2a1a0e"] {
    background: var(--m-grad-orange) !important;
    color: #fff !important;
}
section[style*="background:#2a1a0e"] h1,
section[style*="background:#2a1a0e"] h2,
section[style*="background: #2a1a0e"] h1,
section[style*="background: #2a1a0e"] h2 { color: #fff !important; }
section[style*="background:#2a1a0e"] .text-white-50,
section[style*="background: #2a1a0e"] .text-white-50 { color: rgba(255,255,255,.85) !important; }

/* Hero commande (.ck-hero) — passage à crème Miamy + titre brun foncé */
.ck-hero {
    background: var(--m-grad-cream) !important;
    color: var(--m-text) !important;
}
.ck-hero .ck-hero__title { color: var(--m-text) !important; } /* titre brun foncé (pattern home) */
.ck-hero .ck-hero__sub { color: var(--m-text-soft) !important; }
.ck-hero .ck-breadcrumb {
    background: rgba(255,255,255,.6) !important;
    border-color: rgba(232,93,42,.2) !important;
    color: var(--m-text-soft) !important;
}
.ck-hero .ck-breadcrumb a { color: var(--m-text-soft) !important; }
.ck-hero .ck-breadcrumb a:hover { color: var(--m-orange) !important; }
.ck-hero .ck-breadcrumb .ck-active { color: var(--m-orange) !important; font-weight: 700; }

/* Hero pour-les-restaurateurs : encart prix latéral */
section[style*="background:rgba(255,255,255,.05)"][style*="backdrop-filter:blur"] {
    background: rgba(255,255,255,.18) !important;
    border-color: rgba(255,255,255,.3) !important;
}

/* ============================================================
 *  REMPLACEMENT DU JAUNE LEGACY
 *  Le template legacy applique un fond jaune (rgb(242,227,182)
 *  = #f2e3b6) sur .section_padding via style.css. On force le
 *  fond crème Miamy partout pour cohérence.
 * ============================================================ */

/* Body global passé sur fond crème Miamy au lieu du jaune legacy */
body { background-color: #fffaf6 !important; }

/* Le fond jaune .section_padding du template d'origine → transparent
   pour hériter du body crème, sauf si surchargé avec un style inline */
.section_padding:not([style*="background"]) {
    background: transparent !important;
}

/* Sections legacy diverses → crème léger */
.theme_section_padding,
.theme_main_search_filds_area,
.theme_search_results_area,
.theme_common_box_two_main_area,
.theme_listing_main_area {
    background: #fffaf6 !important;
}

/* Tables et cards legacy avec fond jaune → crème léger */
[style*="background:#f5e9c8"],
[style*="background: #f5e9c8"],
[style*="background:#fff0c8"],
[style*="background: #fff0c8"],
[style*="background:#f8e9d4"],
[style*="background: #f8e9d4"],
[style*="background:#f2e3b6"],
[style*="background: #f2e3b6"] {
    background: var(--m-orange-cream) !important;
}

/* Section témoignages chefs (gradient crème jaunâtre) → orange Miamy doux */
section[style*="linear-gradient(135deg, #f8e9d4 0%, #fdd9b3 100%)"],
section[style*="linear-gradient(135deg,#f8e9d4 0%,#fdd9b3 100%)"] {
    background: linear-gradient(135deg, var(--m-orange-pale) 0%, #ffe7d4 100%) !important;
}

/* Footer Miamy : géré dans views/partials/footer.php (fond crème orange) */

/* ============================================================
 *  HEROS BO — uniformisation forcée à l'orange
 *  Certaines pages utilisent encore l'accent ambre/dark.
 *  On force partout le dégradé orange Miamy.
 * ============================================================ */
.bo-page-header { --bo-grad: linear-gradient(135deg, #e85d2a 0%, #ff8c4d 100%) !important; }

/* ============================================================
 *  BOUTONS BOOTSTRAP NATIFS — passage à la palette Miamy
 * ============================================================ */
.btn-primary, .btn.btn-primary,
button.btn-primary {
    background-color: #e85d2a !important;
    border-color: #e85d2a !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #cc4d1f !important;
    border-color: #cc4d1f !important;
    color: #fff !important;
}
.btn-info, .btn.btn-info {
    background-color: #d4880b !important;
    border-color: #d4880b !important;
    color: #fff !important;
}
.btn-warning, .btn.btn-warning {
    background-color: #f0a832 !important;
    border-color: #f0a832 !important;
    color: #2a1a0e !important;
}
.btn-outline-primary {
    color: #e85d2a !important;
    border-color: #e85d2a !important;
}
.btn-outline-primary:hover {
    background-color: #e85d2a !important;
    color: #fff !important;
}

/* ============================================================
 *  CARDS RESTO — bouton "Voir →" lisible (rgba issue)
 * ============================================================ */
.resto-card .btn,
.resto-card a.btn {
    background: #fff3e9 !important;
    color: #cc4d1f !important;
    font-weight: 700 !important;
}
.resto-card a.btn:hover {
    background: #e85d2a !important;
    color: #fff !important;
}

/* ============================================================
 *  PAGE RESTAURANT — titre lisible sur hero sombre
 * ============================================================ */
.restaurant-hero h1,
section[style*="background-image"] h1,
[class*="resto-hero"] h1 {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

/* Bouton flottant panier (fab) bien visible */
#cart-fab, .cart-fab, [id*="cartFab"] {
    background: linear-gradient(135deg, #e85d2a 0%, #ff8c4d 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 20px rgba(232,93,42,.4) !important;
    border: 0 !important;
    padding: 12px 20px !important;
    border-radius: 100px !important;
}

/* Eyebrow + icônes "text-warning" jaunes → orange Miamy */
.miamy-footer .text-warning,
section .text-warning:not(.fa-star):not(.btn-warning) { color: #cc4d1f !important; }