/* ═══════ Retours client 2026-09-30 (dernière passe DA) — chargé après theme-lcp.css ═══════ */
/* 1) vert aligné sur la brochure */
:root { --lcp-green: #14532f; --lcp-green-deep: #0e3f24; --bg-abyss: #14532f; --bg-primary: #14532f; --bg: #14532f; --bg-secondary: #0e3f24; --basilic-deep: #14532f; }

/* 2) encadrement BLEU avec liseré crème sur tous les panneaux (les boutons restent rouges) */
.product-card, .cart-item, .cart-summary, .form-section, .summary-section, .order-totals, .tracking-order-card, .tracking-details-card, .tracking-contact-card, .hours-panel, .search-bar,
.hero-card, .product-header, .tracking-status-card, .history-card, .detail-row, .type-card, .variant-chip, .supp-item, .sauce-item, .ingredient-item, .input-group input, .notes-input, textarea, .cat-btn, .hero-badge, .hero-card .info-item, .order-type-badge, .qty-btn, .header-btn, .sheet-close, .tracking-close-btn, .drawer-header button {
  border-color: var(--lcp-blue) !important;
}
.product-card, .cart-item, .cart-summary, .form-section, .summary-section, .order-totals, .tracking-order-card, .tracking-details-card, .tracking-contact-card, .hero-card, .product-header, .tracking-status-card, .history-card {
  border-width: 3px !important; box-shadow: 0 0 0 2px var(--lcp-cream), 0 8px 18px rgba(0, 0, 0, 0.3) !important;
}
.menu-header, .simple-header, .checkout-header, .account-header, .drawer-header, .tracking-header { border-bottom: 3px solid var(--lcp-blue) !important; box-shadow: 0 2px 0 var(--lcp-cream); }
.drawer-footer, .add-section { border-top: 3px solid var(--lcp-blue) !important; box-shadow: 0 -2px 0 var(--lcp-cream); }
.header-btn, .sheet-close, .tracking-close-btn, .drawer-header button, .qty-btn { color: var(--lcp-blue) !important; }
.header-btn.cart-btn { border-color: var(--lcp-cream) !important; color: var(--lcp-cream) !important; }
.variant-chip.selected, .cat-btn.active { border-color: var(--lcp-cream) !important; }
.type-option input:checked + .type-card { border-color: var(--lcp-cream) !important; }

/* 3) « Mes commandes » : textes lisibles sur les panneaux crème et sur le vert */
.history-content { color: var(--lcp-cream); }
.history-card { background: var(--lcp-cream) !important; color: var(--lcp-ink) !important; }
.history-number { color: var(--lcp-red) !important; font-family: var(--font-display); }
.history-date, .history-type { color: var(--lcp-muted) !important; }
.history-items { color: var(--lcp-ink) !important; }
.history-item { background: #ffffff !important; color: var(--lcp-ink) !important; border: 1px solid rgba(28, 75, 155, 0.35) !important; }
.history-total { color: var(--lcp-red) !important; font-weight: 800; }
.history-footer { border-top: 1px dashed rgba(28, 75, 155, 0.45) !important; }
.reorder-btn { background: var(--lcp-red) !important; color: var(--lcp-cream) !important; border: 2px solid var(--lcp-cream) !important; border-radius: 999px !important; font-weight: 800; }
.history-status, .history-card .status { background: var(--lcp-blue) !important; color: var(--lcp-cream) !important; border-radius: 999px; padding: 2px 10px; font-weight: 800; }
.empty-history, .empty-history * { color: var(--lcp-cream) !important; }

/* 4) « Mon compte » : idem */
.account-header h2 { color: var(--lcp-red) !important; font-family: var(--font-display) !important; font-weight: 400 !important; }
.account-body, .account-body * { color: var(--lcp-cream); }
.account-profile { background: var(--lcp-cream) !important; border: 3px solid var(--lcp-blue) !important; border-radius: 18px !important; box-shadow: 0 0 0 2px var(--lcp-cream) !important; padding: 12px 14px !important; }
.account-profile *, .profile-info h3, .profile-info p { color: var(--lcp-ink) !important; }
.profile-avatar { background: #ffffff !important; border: 2px solid var(--lcp-blue) !important; }
.profile-avatar svg { color: var(--lcp-blue) !important; }
.detail-row { background: var(--lcp-cream) !important; border: 2px solid var(--lcp-blue) !important; border-radius: 14px !important; }
.detail-row, .detail-row * { color: var(--lcp-ink) !important; }
.account-body .delete-btn, .account-body .delete-btn * { color: var(--lcp-cream) !important; background: var(--lcp-red) !important; border-radius: 999px !important; }
.no-account, .no-account * { color: var(--lcp-cream) !important; }

/* 5) mentions sur le fond vert (comme sur la brochure) */
.hero-mention { font-family: 'Pacifico', 'Lilita One', cursive; font-size: 1.05rem; color: var(--lcp-cream); text-align: center; margin: 6px 0 0 0; opacity: 0.95; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.35); }
.hero-mention.top { margin: 4px 0 -2px 0; }
.hero-mention.bottom { margin: 12px 0 0 0; }

/* ═══════ Boissons offertes (panier) — 2026-09-30 ═══════ */
.fd-block { margin: 10px 0 6px; padding: 12px 14px; border-radius: 18px; background: var(--lcp-cream); border: 3px solid var(--lcp-blue); box-shadow: 0 0 0 2px var(--lcp-cream), 0 8px 18px rgba(0, 0, 0, 0.3); color: var(--lcp-ink); }
.fd-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
.fd-title { font-family: var(--font-display, 'Lilita One'), cursive; font-size: 1.15rem; color: var(--lcp-red); letter-spacing: .3px; }
.fd-sub { font-size: .82rem; font-weight: 700; color: var(--lcp-blue); }
.fd-sub b { color: var(--lcp-red); }
.fd-block.done .fd-sub b { color: #14532f; }
.fd-chips { display: grid; grid-template-columns: 1fr; gap: 6px; }
.fd-chip { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px 6px 12px; border-radius: 999px; background: #ffffff; border: 2px solid var(--lcp-blue); color: var(--lcp-ink); font-weight: 800; font-size: .92rem; }
.fd-chip.on { background: var(--lcp-yellow); border-color: var(--lcp-red); }
.fd-chip-ctl { display: inline-flex; align-items: center; gap: 6px; }
.fd-chip-ctl b { min-width: 1.2em; text-align: center; font-size: 1rem; }
.fd-chip-ctl button { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--lcp-blue); background: var(--lcp-cream); color: var(--lcp-blue); font-weight: 900; font-size: 1.1rem; line-height: 1; cursor: pointer; }
.fd-chip-ctl button:disabled { opacity: .35; cursor: default; }
.fd-chip-ctl .fd-plus { background: var(--lcp-red); border-color: var(--lcp-red); color: var(--lcp-cream); }
.cart-item.offered .item-img { display: flex; align-items: center; justify-content: center; font-size: 1.6rem; background: var(--lcp-yellow) !important; }
.offered-tag { display: inline-block; padding: 1px 8px; border-radius: 999px; background: var(--lcp-red); color: var(--lcp-cream); font-size: .7rem; font-weight: 900; letter-spacing: .04em; vertical-align: middle; margin-right: 4px; }
.summary-item.offered .summary-price { color: var(--lcp-red); font-weight: 900; }

/* ═══════ Retours client 2026-09-30 (2e passe) ═══════ */
/* « Fond noir sur le côté » : c'était l'ombre du tiroir panier, rangé hors écran mais dont
   l'ombre (48 px) débordait dans la page. Plus d'ombre tant qu'il est fermé. */
.cart-drawer:not(.show) { box-shadow: none !important; }
/* Cadre des panneaux : BLEU à l'extérieur, liseré CRÈME à l'intérieur (avec un trait bleu fin
   pour que le crème reste visible sur les panneaux crème). */
.product-card, .cart-item, .cart-summary, .form-section, .summary-section, .order-totals, .tracking-order-card, .tracking-details-card, .tracking-contact-card, .hero-card, .product-header, .tracking-status-card, .history-card, .account-profile, .fd-block {
  border: 2px solid var(--lcp-cream) !important;
  outline: 3px solid var(--lcp-blue);
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px var(--lcp-blue), 0 8px 18px rgba(0, 0, 0, 0.3) !important;
}
.menu-header, .simple-header, .checkout-header, .account-header, .drawer-header, .tracking-header, .drawer-footer, .add-section { box-shadow: none !important; }