/**
 * QR Animal — Configurateur : styles PANIER / MINI-CART / CHECKOUT
 * ─────────────────────────────────────────────────────────────────
 * @since 10.30.19 — Extrait de qr-configurator.css (68 Ko) : seuls ces
 * styles (3,5 Ko) doivent être globaux, car le mini-cart WoodMart peut
 * s'ouvrir sur n'importe quelle page et afficher des médailles
 * configurées (sections motifs, prix, aperçu, lien Modifier).
 * Handle : 'sp-configurator-cart' (inchangé), chargé sur toutes les
 * pages front. Le gros fichier qr-configurator.css n'est chargé que
 * sur les pages configurateur (should_load_scripts) et DÉPEND de
 * celui-ci : source unique, pas de duplication.
 * Routage : tout nouveau style .sp-svg-cart-* / mini_cart va ICI.
 */

/* Note surcoût dans le panier WooCommerce */
.sp-cart-surcharge-note {
    display: block;
    font-size: 11px;
    color: #888;
    font-weight: 400;
}

/* WC standard dl.variation — dt headers */
dl.variation .sp-svg-cart-section-header {
    font-weight: 700;
    display: inline;
}

/* En-tête de section (Motif Offert / Motifs supplémentaire) */
.sp-svg-cart-section-header {
    display: inline;
    font-weight: 700;
    font-size: 0.92em;
    color: #555;
}

/* Conteneur nom + prix sur la même ligne */
.sp-svg-cart-name {
    display: inline;
}

.sp-svg-cart-price {
    float: right;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    margin-left: 12px;
}

.sp-svg-cart-price-free {
    color: #28a745;
    font-weight: 600;
}

/* ── Woodmart cart-item-data.php utilise ul.variation / li ── */
ul.variation .sp-svg-cart-section-header {
    font-weight: 700;
    display: inline;
}

ul.variation li[class*="variation-sp_svg_header_free"] .item-variation-name,
ul.variation li[class*="variation-sp_svg_header_paid"] .item-variation-name,
ul.variation li[class*="variation-sp_svg_base_price"] .item-variation-name {
    display: none !important;
}

ul.variation li[class*="variation-sp_svg_header_free"] .item-variation-value p,
ul.variation li[class*="variation-sp_svg_header_paid"] .item-variation-value p,
ul.variation li[class*="variation-sp_svg_base_price"] .item-variation-value p {
    margin: 0;
    padding: 0;
}

/* ── Mini-cart specifics ── */
.sp-svg-meta-dl .sp-svg-cart-section-header {
    font-weight: 700;
    display: inline;
}

.sp-svg-meta-dl .sp-svg-cart-price {
    float: right;
    font-weight: 600;
}

/* ── Checkout review order ── */
.wd-checkout-prod-cont .sp-svg-cart-section-header {
    font-weight: 700;
    display: block;
    margin-top: 4px;
}

.wd-checkout-prod-cont .sp-svg-cart-price {
    float: right;
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════
   Mini-cart WoodMart — preview image above wd-fill overlay
   ═══════════════════════════════════════════════════════════ */

/* L'image preview doit être cliquable au-dessus de l'overlay wd-fill */
.mini_cart_item .cart-item-image:has(.sp-cart-preview-img),
.mini_cart_item a:has(.sp-cart-preview-img) {
    position: relative;
    z-index: 5;
    pointer-events: auto;
}

/* L'aperçu dans la liste de variations aussi */
.mini_cart_item .variation .sp-cart-preview-img,
.woocommerce-mini-cart .sp-cart-preview-img {
    position: relative;
    z-index: 5;
    pointer-events: auto;
    cursor: zoom-in;
}

/* Empêcher l'aperçu dans les variations d'être trop grand dans le mini-cart */
.mini_cart_item .variation img.sp-cart-preview-img {
    max-width: 60px;
    border-radius: 4px;
}

/* ═══════════════════════════════════════════════════════════
   Lien "Modifier ma médaille" dans le panier / mini-cart
   ═══════════════════════════════════════════════════════════ */

.sp-cart-edit-link {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    margin-top: 6px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(251, 191, 36, 0.4) !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.15s, border-color 0.15s !important;
    line-height: 1.4 !important;
}

/* Dans le mini-cart WoodMart, les variations sont compactes */
.mini_cart_item .sp-cart-edit-link {
    font-size: 11px !important;
    padding: 3px 8px !important;
}