/* *****************************************************

    ** Custom Stylesheet special styles for 3.7 version **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* -----------------------------------------------------
   Narrow-screen overflow fixes (report 04 F-21, report 07 UX-32).
   Layout only: no colours, fonts, sizes or spacing are restyled.
   ----------------------------------------------------- */

/* The three-dots category button is position:absolute but .header-lined is
   never position:relative, so its containing block walks up the document and
   the menu is drawn outside its section. Anchor it to its own header block. */
#order-standard_cart .header-lined {
    position: relative;
}

/* Nothing inside the cart may be wider than the space it sits in. */
#order-standard_cart img,
#order-standard_cart .dropdown-menu {
    max-width: 100%;
}

@media (max-width: 575px) {
    /* The category menu is min-width:300px plus 30px padding, which overflows
       a 375px phone once opened. Cap it to the viewport instead. */
    #order-standard_cart .dropnav-header-lined .dropdown-menu {
        min-width: 0;
        width: calc(100vw - 30px);
        padding: 20px;
    }
    #order-standard_cart .dropnav-header-lined {
        top: 0;
        right: 0;
    }
}