/* mco-is
basic version
 image modified.
item__wrap change to flex, reorder the price and quantity to the end. 
both sale badge hidden. close button modified
*/

/* overlay ori settings, leave here for future changes,
ori also pair with opacity: 0.5 */
/* .wp-site-blocks:has(> .header-basic) ~ .wc-block-components-drawer__screen-overlay{
    background-color: rgba(95, 95, 95);
} */
.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-components-drawer__close svg{
    display: none;
}

.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-components-drawer__close::before{
    /* transform: translateY(-14%); */
    color: var(--contrast-lg) ;
    content: "×" ;
    font-family: system-ui, sans-serif;
    font-weight: 300; 
    height: 24px;
    font-size: 32px;
    line-height: 1;
}

/* 1st column */
/* .wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-cart-item__image{
    aspect-ratio: 3/4;
} */


/* 2nd column */
.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-cart-item__product{
    margin-right: 5px;
}

.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-components-product-name{
    font-size: clamp(13px, calc(13px + 3 * ((100vw - 320px) / 448)), 16px) !important;
}
/* .wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-cart-item__wrap > *,
.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-components-quantity-selector
{
    margin-bottom: 5px ;
    font-size: clamp(12px, calc(12px + 2 * ((100vw - 320px) / 448)), 14px) ;
} */

.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-components-product-low-stock-badge{
    width: fit-content;
}

.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-cart-item__prices{
    line-height: 1;
    order: 1;
}

.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .price.wc-block-components-product-price{
    display: inline-flex;
    white-space: nowrap;
}

.is-mobile .wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
    align-self: auto;
    order: 2;
    margin-top: auto;
}

.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-cart-item__remove-link{
    font-size: 12px !important;
}

/* 3rd column */
.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-components-product-price__value{
    font-size: clamp(12px, calc(12px + 2 * ((100vw - 320px) / 448)), 14px) ;
}