/*
 * Layout-only safeguards for WooCommerce cart and checkout surfaces.
 * No transaction controls, hooks or JavaScript behavior are replaced here.
 */

body.igcx-transaction :where(#content, .site-content) {
    min-width: 0;
}

body.igcx-transaction :where(#content, .site-content) :where(.woocommerce, .wc-block-components-sidebar-layout, .wc-block-checkout, .wc-block-cart) {
    min-width: 0;
    max-width: 100%;
}

body.igcx-transaction :where(#content, .site-content) :where(img, video, iframe, embed) {
    max-width: 100%;
    height: auto;
}

body.igcx-transaction .iris-checkout-recovery {
    box-sizing: border-box;
    width: min(100%, 1100px);
    margin: 0 auto 24px;
    padding: 16px 18px;
    border: 1px solid #c84a36;
    border-radius: 8px;
    background: #fff7f4;
    color: #2b1713;
}

body.igcx-transaction .iris-checkout-recovery-title,
body.igcx-transaction .iris-checkout-recovery p {
    display: block;
    margin: 0;
}

body.igcx-transaction .iris-checkout-recovery p {
    margin-top: 6px;
}

body.igcx-transaction .iris-checkout-recovery-link {
    box-sizing: border-box;
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin-top: 12px;
    padding: 0 16px;
    border-radius: 6px;
    background: #171717;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

body.igcx-transaction .iris-checkout-recovery-link:hover,
body.igcx-transaction .iris-checkout-recovery-link:focus-visible {
    background: #343434;
    color: #fff;
}

@media (max-width: 768px) {
    body.igcx-transaction :where(#content, .site-content) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
        max-width: 100%;
        min-height: 44px;
        font-size: 16px;
    }

    body.igcx-transaction :where(#content, .site-content) :where(table, .wc-block-components-order-summary) {
        max-width: 100%;
    }

    body.igcx-transaction .iris-checkout-recovery {
        margin-bottom: 18px;
        padding: 14px;
    }

    body.igcx-transaction .iris-checkout-recovery-link {
        width: 100%;
        justify-content: center;
    }
}