/*
 * WEREO - Hyva Cart Drawer Mobile Fix
 * Only affects #cart-drawer.
 * No changes to Magento checkout or payment logic.
 */

dialog#cart-drawer {
    box-sizing: border-box;
    min-width: 0;
    width: min(480px, 100vw);
    max-width: 100vw;
    max-width: 100dvw;
    margin-inline-start: auto;
    margin-inline-end: 0;
}

/* Preserve the wider Hyva drawer on desktop */
@media (min-width: 768px) {
    dialog#cart-drawer {
        width: min(640px, 100vw);
    }
}

/* Mobile drawer */
@media (max-width: 767px) {
    dialog#cart-drawer {
        width: 100vw;
        width: 100dvw;
        max-width: 100vw;
        max-width: 100dvw;
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
        border-radius: 0;
        padding: 16px;
        inset-inline-start: auto;
        inset-inline-end: 0;
        margin: 0;
    }
}

/* Prevent long product names from expanding the drawer */
#cart-drawer li,
#cart-drawer li > div,
#cart-drawer li p,
#cart-drawer li a {
    min-width: 0;
}

#cart-drawer li p,
#cart-drawer li a {
    overflow-wrap: anywhere;
}

/* Keep checkout actions within the drawer */
#cart-drawer a.btn {
    box-sizing: border-box;
    max-width: 100%;
}

/* Safe internal scrolling */
#cart-drawer ul.overflow-y-auto {
    min-height: 0;
}

/* Avoid horizontal overflow in drawer content */
#cart-drawer {
    overflow-x: clip;
}