/* Ramazzi — rouge → moka (version légèrement plus claire). */
:root {
    --primary: #A67244;
    --primary-dark: #8B5A2B;
    --primary-light: #C18B5B;
    --accent: #A67244;
    --accent-light: #C18B5B;
}

/* ════════════════════════════════════════════════════════════
   THÈME SOMBRE pour pages internes (menu, contact, avis…)
   La page d'accueil (body.page-home) garde le thème clair.
   ════════════════════════════════════════════════════════════ */
body.page-inner {
    --bg: #0A0A0A;
    --bg-alt: #111111;
    --text: #F5E6D3;
    --text-light: #C9B89F;
    --text-muted: #8A7868;
    background: #0A0A0A;
    color: #F5E6D3;
}
body.page-inner .section,
body.page-inner .section-alt,
body.page-inner .menu-filter-section,
body.page-inner .zones-section,
body.page-inner .trust-section,
body.page-inner .engagement-section,
body.page-inner main {
    background: #0A0A0A;
    color: #F5E6D3;
}
body.page-inner .section-dark {
    background: #1A1410 !important;
}
body.page-inner .section-title,
body.page-inner h1, body.page-inner h2, body.page-inner h3, body.page-inner h4 {
    color: #F5E6D3;
}
body.page-inner .section-desc,
body.page-inner p {
    color: #C9B89F;
}
body.page-inner .section-label {
    color: var(--accent-light);
}
body.page-inner .text-accent {
    color: var(--accent-light) !important;
}

/* Page hero (bandeau haut menu/contact/avis) */
body.page-inner .page-hero {
    background: #1A1410;
}
body.page-inner .page-hero::after {
    background: linear-gradient(180deg, rgba(15,15,15,0.45), rgba(15,15,15,0.85));
}

/* Cards — charbon neutre avec léger soupçon chaud */
body.page-inner .menu-item-card,
body.page-inner .menu-card,
body.page-inner .service-card,
body.page-inner .service-highlight-card,
body.page-inner .review-card,
body.page-inner .map-card,
body.page-inner .trust-badge,
body.page-inner .delivery-card,
body.page-inner .info-card,
body.page-inner .realisation-card,
body.page-inner .contact-card,
body.page-inner .hours-card,
body.page-inner .contact-form-card {
    background: #1A1A1A !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    color: #F5E6D3;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

/* Contact cards — icône, titre, texte */
body.page-inner .contact-card h3,
body.page-inner .hours-card h3,
body.page-inner .contact-form-card h3 {
    color: #F5E6D3;
}
body.page-inner .contact-card p,
body.page-inner .contact-card a {
    color: #F5E6D3;
}
body.page-inner .contact-card small {
    color: rgba(212,165,116,0.7) !important;
}
body.page-inner .contact-card-icon {
    background: rgba(212,165,116,0.12) !important;
    color: #D4A574 !important;
}

/* Horaires : lignes lisibles avec pointillé moka */
body.page-inner .hours-row {
    border-bottom-color: rgba(212,165,116,0.12) !important;
}
body.page-inner .hours-day {
    color: #F5E6D3;
    font-weight: 600;
}
body.page-inner .hours-slots {
    color: var(--accent-light);
    font-weight: 600;
}
body.page-inner .hours-dots {
    border-bottom: 1px dotted rgba(212,165,116,0.35);
}
body.page-inner .hours-note {
    background: rgba(255,255,255,0.04) !important;
    color: #D4A574 !important;
    border: 1px solid rgba(212,165,116,0.18);
}

/* Labels de formulaire */
body.page-inner label,
body.page-inner .cf-group label {
    color: #F5E6D3;
}

/* Socials buttons (Facebook / Instagram) */
body.page-inner .social-link {
    background: rgba(139,90,43,0.15);
    color: #F5E6D3;
    border: 1px solid rgba(212,165,116,0.25);
}
body.page-inner .social-link:hover {
    background: rgba(139,90,43,0.3);
    color: #F5E6D3;
}
body.page-inner .menu-item-name,
body.page-inner .menu-card-header h3,
body.page-inner .service-card h3 {
    color: #F5E6D3;
}
body.page-inner .menu-item-desc,
body.page-inner .menu-card-desc {
    color: #C9B89F;
}
body.page-inner .menu-item-placeholder,
body.page-inner .menu-card-placeholder {
    background: #2A1F17;
    color: rgba(212,165,116,0.4);
}

/* Pills/tags */
body.page-inner .tag,
body.page-inner .badge-inline {
    background: rgba(212,165,116,0.15);
    color: var(--accent-light);
}

/* Hours / info blocks */
body.page-inner .hours-row,
body.page-inner .hours-day,
body.page-inner .info-row,
body.page-inner .contact-block {
    color: #F5E6D3;
    border-color: rgba(212,165,116,0.15);
}
body.page-inner .hours-day-today {
    background: rgba(139,90,43,0.2);
}

/* Forms (contact) */
body.page-inner input,
body.page-inner textarea,
body.page-inner select,
body.page-inner .cf-group input,
body.page-inner .cf-group textarea,
body.page-inner .cf-group select {
    background: #111111 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #F5E6D3 !important;
}
body.page-inner input::placeholder,
body.page-inner textarea::placeholder {
    color: rgba(245,230,211,0.35) !important;
}
body.page-inner input:focus,
body.page-inner textarea:focus,
body.page-inner select:focus {
    border-color: rgba(212,165,116,0.5) !important;
    box-shadow: 0 0 0 3px rgba(212,165,116,0.15) !important;
    outline: none;
}

/* Buttons outline → adapt sur fond sombre */
body.page-inner .btn-outline {
    color: #F5E6D3;
    border-color: rgba(245,230,211,0.35);
}
body.page-inner .btn-outline:hover {
    background: rgba(245,230,211,0.08);
    color: #F5E6D3;
    border-color: rgba(245,230,211,0.6);
}

/* Stars (reviews) — restent dorées */
body.page-inner .stars { color: #D4A574; }

/* Footer (s'il a un fond clair) */
body.page-inner .footer {
    background: #0A0A0A;
    border-top-color: rgba(212,165,116,0.15);
}

/* Map iframe : ajouter cadre moka discret */
body.page-inner iframe {
    filter: brightness(0.92) contrast(1.05);
}

/* Tags prix moka → version sombre */
body.page-inner .menu-item-prices dt { color: #C9B89F; }
body.page-inner .menu-item-prices dd { color: #D4A574; }
body.page-inner .menu-item-prices dt::after { border-bottom-color: rgba(212,165,116,0.35); }

/* ── Affichage prix 2 tailles — style menu papier ─────────── */
.menu-item-prices {
    margin: 0.3rem 0 0.7rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.menu-item-prices .price-row {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}
.menu-item-prices dt {
    flex-shrink: 0;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-light, #6b6b6b);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0;
}
.menu-item-prices dt::after {
    content: "";
    display: inline-block;
    flex: 1;
    margin: 0 0.3rem;
    border-bottom: 1px dotted rgba(139,90,43,0.35);
    align-self: end;
    margin-bottom: 0.35em;
}
.menu-item-prices dt {
    display: flex;
    align-items: baseline;
    flex: 1;
    min-width: 0;
}
.menu-item-prices dd {
    margin: 0;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary, #8B5A2B);
    white-space: nowrap;
}
/* Mode sombre (section popular sur fond noir) */
.section-dark .menu-item-prices dt { color: #C9B89F; }
.section-dark .menu-item-prices dd { color: #D4A574; }
.section-dark .menu-item-prices .price-row::after { border-bottom-color: rgba(212,165,116,0.35); }