/* ─── Contenedor general ─────────────────────────── */
.bankame-widget-wrapper {
    margin: 12px 0;
    width: 100%;
    box-sizing: border-box;
}

.bankame-product-widget { margin-bottom: 16px; }
.bankame-cart-widget     { margin: 16px 0 24px; }
.bankame-checkout-widget { margin: 0 0 24px; }

/* ─── Hacer el iframe de Bankame responsivo ──────── */
.bankame-widget-wrapper iframe,
.bankame-widget-wrapper > div {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ─── Overlay/modal del widget ───────────────────── */
body > div[class*="bankame"],
body > div[id*="bankame"] {
    max-width: 100vw !important;
    box-sizing: border-box !important;
}

body > div[class*="bankame"] > div,
body > div[id*="bankame"] > div {
    width: 90% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    overflow-y: auto !important;
    max-height: 90vh !important;
}

/* ─── Inputs y selects dentro del widget ─────────── */
body > div[class*="bankame"] input,
body > div[class*="bankame"] select,
body > div[id*="bankame"] input,
body > div[id*="bankame"] select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important; /* evita zoom en iOS */
}

/* ─── Mobile ─────────────────────────────────────── */
@media (max-width: 480px) {
    body > div[class*="bankame"] > div,
    body > div[id*="bankame"] > div {
        width: 95% !important;
        padding: 16px !important;
        border-radius: 8px !important;
    }

    body > div[class*="bankame"] input,
    body > div[class*="bankame"] select,
    body > div[id*="bankame"] input,
    body > div[id*="bankame"] select {
        font-size: 16px !important;
        padding: 10px !important;
    }
}

/* ─── Woodmart: evitar conflictos ────────────────── */
.wd-minicart-holder .bankame-widget-wrapper,
.wd-sticky-header .bankame-widget-wrapper {
    display: none !important;
}