/**
 * Customization Summary — résumé propre dans la ligne panier,
 * remplace la modale PS qui afficherait notre HTML mais cachée.
 *
 * Notre HTML est injecté par hookDisplayCustomization (côté PHP) directement
 * dans le {$field.text} du template panier. Comme le thème custom utilise
 * une modale pour afficher ce contenu, on duplique en inline via JS pour
 * que le client voie son résumé directement dans la ligne panier.
 */

/* Masquer le lien "Personnalisation" qui ouvrait la modale (plus utile, on a l'inline) */
a[data-toggle="modal"][data-target^="#product-customizations-modal"] {
    display: none !important;
}

/* Masquer l'instance dans la mini-cart du header (dropdown panier) :
   on ne veut afficher l'encart que sur la page panier principale.
   Sélecteurs courants des mini-carts PS / thèmes custom. */
#_desktop_cart .ao-cfg-cart-summary,
#_mobile_cart .ao-cfg-cart-summary,
.blockcart .ao-cfg-cart-summary,
.cart-preview .ao-cfg-cart-summary,
.header-cart .ao-cfg-cart-summary,
.cart-dropdown .ao-cfg-cart-summary,
.modal-header .ao-cfg-cart-summary,
.header-top .ao-cfg-cart-summary {
    display: none !important;
}

/* On ne masque PAS la modale elle-même : .modal Bootstrap est déjà display:none,
   et on garde le DOM accessible pour que le JS puisse cloner le contenu. */

/* On masque l'instance ORIGINALE (dans la modale) ; seul l'inline (cloné par le JS,
   marqué data-ao-cfg-inline="1") reste visible. */
.modal .ao-cfg-cart-summary:not([data-ao-cfg-inline="1"]) {
    /* rien : la modale est déjà cachée par Bootstrap */
}

/* === Encart inline === */
.ao-cfg-cart-summary[data-ao-cfg-inline="1"] {
    margin: 10px 0 4px;
    padding: 10px 14px;
    background: rgba(107, 63, 160, 0.06);
    border-left: 3px solid #6b3fa0;
    border-radius: 4px;
    font-size: 13px;
    color: #4b5563;
    line-height: 1.5;
}

.ao-cfg-cart-summary[data-ao-cfg-inline="1"] ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ao-cfg-cart-summary[data-ao-cfg-inline="1"] li {
    padding: 2px 0;
    line-height: 1.45;
    border: none;
    background: none;
    list-style: none;
}

.ao-cfg-cart-summary[data-ao-cfg-inline="1"] li::before,
.ao-cfg-cart-summary[data-ao-cfg-inline="1"] li::marker {
    content: none;
}

.ao-cfg-cart-summary[data-ao-cfg-inline="1"] li strong {
    color: #6b3fa0;
    font-weight: 600;
    margin-right: 4px;
}