/* ==============================================
   TM24 NOVAChild – PDP: Variationen & Swatches
   Modul: modules/product/variations/variations.css
   Scope: body[data-page="2"] .variation
   Quelle: tm24-pdp-fix.css Zeilen 222-282
   UTF-8 ohne BOM
   ============================================== */

body[data-page="2"] .variation { margin-bottom: 16px; }
body[data-page="2"] .variation label { font-weight: 600; font-size: 13px; color: var(--txt, #111); margin-bottom: 6px; }

body[data-page="2"] .variation select,
body[data-page="2"] .variation .custom-select {
    border-radius: 10px;
    border: 1px solid var(--brd, #e5e7eb);
    padding: 10px 14px;
    font-size: 14px;
    transition: border-color .2s;
}

body[data-page="2"] .variation select:focus,
body[data-page="2"] .variation .custom-select:focus {
    border-color: var(--p, #2E2BCB);
    box-shadow: 0 0 0 3px rgba(46, 43, 203, .1);
}

/* ---- Swatches ---- */
body[data-page="2"] .swatches-wrapper .variation-value {
    border-radius: 10px;
    border: 2px solid var(--brd-l, rgba(0, 0, 0, .06));
    transition: all .2s;
}

body[data-page="2"] .swatches-wrapper .variation-value:hover  { border-color: var(--p, #2E2BCB); }
body[data-page="2"] .swatches-wrapper .variation-value.active { border-color: var(--p, #2E2BCB); box-shadow: 0 0 0 2px rgba(46, 43, 203, .15); }

/* ---- Lager ---- */
body[data-page="2"] .stock-information { font-size: 13px; margin-bottom: 16px; }
body[data-page="2"] .delivery-status .signal_image { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 4px; }

/* ---- Mengenfeld ---- */
body[data-page="2"] #quantity-grp { border-radius: 12px; border: 1px solid var(--brd, #e5e7eb); overflow: hidden; }
body[data-page="2"] #quantity-grp .form-control { border: 0; text-align: center; font-weight: 700; font-size: 15px; min-width: 52px; }
body[data-page="2"] #quantity-grp .btn { border: 0; background: transparent; color: var(--txt, #111); padding: 8px 12px; }
body[data-page="2"] #quantity-grp .btn:hover { background: var(--pl, rgba(46, 43, 203, .06)); color: var(--p, #2E2BCB); }