/* ==========================================================================
   Missebo — refonte globale du site (front)
   Langage valide : blanc, noir chaud, dore. Cartes arrondies, boutons pilule,
   typographie hierarchisee. Style pur : aucune modification de balisage.
   Chargee en dernier sur le layout front uniquement (pas l'admin).
   ========================================================================== */
:root {
    --mm-or: #c9971b;
    --mm-or-fonce: #b4870f;
    --mm-n: #14130f;
    --mm-gris: #6f6a62;
    --mm-trait: #e8e4dc;
    --mm-fond: #f7f5f1;
}

/* ---------- Boutons : pilule, noir plein / contour ------------------------ */
body .btn-primary,
body .cart-btn,
body .btn.btn-primary {
    background: var(--mm-n) !important;
    border: 1.5px solid var(--mm-n) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 600;
    letter-spacing: 0.01em;
}
body .btn-primary:hover,
body .cart-btn:hover,
body .btn.btn-primary:hover {
    background: #000 !important;
    border-color: #000 !important;
}

body .btn-secondary {
    background: #fff !important;
    border: 1.5px solid var(--mm-n) !important;
    color: var(--mm-n) !important;
    border-radius: 999px !important;
    font-weight: 600;
}
body .btn-secondary:hover {
    background: var(--mm-n) !important;
    color: #fff !important;
}

/* Bouton d'accent (paiement, validation) en dore. */
body .btn-accent,
body .checkout-btn,
body #checkout_btn,
body .place-order-btn {
    background: var(--mm-or) !important;
    border-color: var(--mm-or) !important;
    color: var(--mm-n) !important;
    border-radius: 999px !important;
    font-weight: 700;
}
body .btn-accent:hover,
body .checkout-btn:hover,
body #checkout_btn:hover {
    background: var(--mm-or-fonce) !important;
    border-color: var(--mm-or-fonce) !important;
}

/* ---------- Formulaires : champs arrondis, focus dore -------------------- */
body .form-control,
body .input-text,
body .select2-selection,
body select.form-select {
    border-radius: 12px !important;
    border: 1.5px solid var(--mm-trait) !important;
    min-height: 46px;
    box-shadow: none !important;
    transition: border-color 0.15s ease;
}
body .form-control:focus,
body .input-text:focus,
body select.form-select:focus {
    border-color: var(--mm-or) !important;
    box-shadow: 0 0 0 3px rgba(201, 151, 27, 0.12) !important;
}
body .form-label,
body label.form-label {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--mm-n);
}

/* ---------- En-tete : blanc net, panier arrondi ------------------------- */
body .header.header-1 {
    border-bottom: 1px solid var(--mm-trait);
    box-shadow: none;
}
body .header-cart .cart-count-badge,
body .cart-count,
body .wishlist-count {
    background: var(--mm-or) !important;
    color: var(--mm-n) !important;
    font-weight: 700;
}

/* ---------- Mini-panier ------------------------------------------------- */
body .minicart-header {
    border-bottom: 1px solid var(--mm-trait);
    padding-bottom: 0.8rem;
}
body .minicart-content .cart-total,
body .minicart-drawer .subtotal {
    font-weight: 700;
    color: var(--mm-n);
}

/* ---------- Pied de page : fond sombre chaud ---------------------------- */
body .footer {
    background: var(--mm-n) !important;
    color: #cfc9bf;
}
body .footer a { color: #cfc9bf; }
body .footer a:hover { color: var(--mm-or); }
body .footer h4,
body .footer .footer-title { color: #fff; }
body .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); }

/* ---------- Fil d'Ariane ------------------------------------------------ */
body .page-header .breadcrumbs {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}
body .breadcrumbs a:hover { color: var(--mm-or); }

/* ---------- Pagination -------------------------------------------------- */
body .pagination .page-link {
    border-radius: 10px !important;
    border-color: var(--mm-trait);
    color: var(--mm-n);
    margin: 0 3px;
}
body .pagination .page-item.active .page-link {
    background: var(--mm-n);
    border-color: var(--mm-n);
    color: #fff;
}

/* ---------- Titres de section ------------------------------------------ */
body .section-header h2,
body .section-header-left h2 {
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--mm-n);
}

/* ---------- Cartes generiques (panier, compte, offres) ----------------- */
body .card,
body .account-card,
body .order-card,
body .address-card {
    border: 1px solid var(--mm-trait) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

/* ---------- Liens actifs / etats --------------------------------------- */
body a { transition: color 0.15s ease; }
body .badge-instock,
body .in-stock { color: #1a7f3c !important; }

/* ---------- Focus clavier accessible ----------------------------------- */
body a:focus-visible,
body button:focus-visible,
body .btn:focus-visible {
    outline: 2px solid var(--mm-or);
    outline-offset: 2px;
}