/* Warenkorb-Zusammenfuehren-Dialog beim Login (Ansage Bert 08.09.2026).
 *
 * Kein eigenes Markup: der Dialog ist NOVAs eModal/Bootstrap-Modal
 * (js/eModal.js + bootstrap.bundle.js), ausgeloest aus checkout/index.tpl
 * und account/index.tpl, wenn $nWarenkorb2PersMerge gesetzt ist. Beide
 * Skripte markieren NUR diese eine Instanz mit .tw-merge-modal (per JS nach
 * eModal.confirm()) - andere eModal-Bestaetigungen im Shop (RMA, Adressen,
 * 2FA, Vergleichsliste, Produktbild-Popups) benutzen denselben
 * wiederverwendeten Modal-Knoten und bleiben unberuehrt.
 *
 * Rolle, aria-modal, Fokusfalle und Escape-to-close kommen von Bootstraps
 * eigenem Modal-Plugin (bootstrap.bundle.js) und werden hier nicht
 * nachgebaut. Ergaenzt wird nur aria-labelledby (per JS) auf den Titel.
 *
 * Knopf-Stile: .tw-merge-modal traegt zusaetzlich .tw, damit die
 * vorhandenen .tw .btn-pri / .tw .btn-gho aus komponenten.css greifen -
 * eModal bekommt die Klassen ueber options.style:['gho','pri'].
 */
.tw-merge-modal .modal-content{
    background:var(--color-surface);
    color:var(--color-text);
    border:0;
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-card-hover);
}
.tw-merge-modal .modal-header{
    border-bottom:1px solid var(--hair);
    padding:20px 24px 16px;
}
.tw-merge-modal .modal-title{
    font:800 18px/1.3 var(--font-body);
    color:var(--color-text);
}
.tw-merge-modal .modal-body{
    padding:20px 24px;
    font:400 15px/1.6 var(--font-body);
    color:var(--color-text);
}
.tw-merge-modal .modal-footer{
    border-top:0;
    padding:4px 24px 24px;
    gap:10px;
}
.tw-merge-modal .close{
    color:var(--color-text-muted);
    opacity:1;
    text-shadow:none;
}
.tw-merge-modal .close:hover{color:var(--color-text)}
.tw-merge-modal .close:focus-visible{
    outline:none;
    box-shadow:var(--focus-ring);
    border-radius:var(--radius-xs);
}