/**
 * Custom mini cart (side cart) and the header cart button.
 * Base / structural rules first; the look of the drawer is the "Side cart redesign" block further down
 * (2026-09-29 clean-up: rules that block fully overrides were removed - see git history for the old card design).
 */


.elementor-menu-cart__wrapper {
    display: none;
}

/* כפתור העגלה */
.cart-toggle-button-wrapper {
    display: inline-block;
    position: relative;
}

.cart-toggle-button {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    transition: transform 0.2s ease;
}

.cart-toggle-button:hover {
    transform: scale(1.05);
}

.cart-toggle-button:active {
    transform: scale(0.95);
}

.cart-total-badge {
    margin-left: -7px;
    z-index: 1;
    background-color: #DF1A81;
    color: white;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 14px;
}

button#cart-toggle-button:hover,
button#cart-toggle-button:focus {
    background: unset;
}

@media (max-width: 767px) {
    .cart-icon-wrapper {
        position: relative;
        display: inline-block;
        max-width: 38px;
        overflow: hidden;
    }

    button#cart-toggle-button {
        margin-right: -8px;
    }
}

/* אפקט לאודר */
.cart-total-badge.loading~.cart-icon-wrapper::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 3px solid rgba(223, 26, 129, 0.25);
    border-top-color: #DF1A81;
    animation: cartLoaderSpin 0.7s linear infinite;
    pointer-events: none;
    z-index: 10;
}

@media (max-width: 767px) {
    .cart-total-badge.loading~.cart-icon-wrapper::after {
        width: 38px;
        height: 38px;
        top: 0;
        left: 0;
    }
}

@keyframes cartLoaderSpin {
    to {
        transform: rotate(360deg);
    }
}

/* ------------------------------------------------------------------ drawer structure */
.custom-mini-cart-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100dvh;
    z-index: 99999;
    transform: translateX(-100%);
    overflow: hidden;
    display: flex;
}

.custom-mini-cart-wrapper.open {
    transform: translateX(0);
}

#custom-mini-cart {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.custom-mini-cart-header {
    flex-shrink: 0;
    justify-content: space-between;
}

.custom-mini-cart-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* the list is the only scrolling part */
.custom-mini-cart-products {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.custom-mini-cart-footer {
    flex-shrink: 0;
}

.custom-mini-cart-empty {
    text-align: center;
}

div#mini-cart-message {
    letter-spacing: 0;
}

/* the close X: two bars drawn by ::before / ::after (sized and coloured in the redesign block) */
.mini-cart-close {
    position: absolute;
    font-family: eicons;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.mini-cart-close::before,
.mini-cart-close::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    border-radius: 1px;
}

.mini-cart-close::before {
    transform: rotate(45deg);
}

.mini-cart-close::after {
    transform: rotate(-45deg);
}

.mini-cart-empty {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

/* ------------------------------------------------------------------ rows */
.custom-mini-cart-item {
    position: relative;
    overflow: hidden;
    transition: background-color 0.5s ease;
}

.mini-cart-item-name {
    margin-bottom: 5px;
    font-family: 'Noto Sans Hebrew';
}

.mini-cart-item-quantity {
    display: flex;
    align-items: center;
    border: 0 !important;
    font-family: "Noto Sans Hebrew";
    font-size: 18px !important;
}

.mini-cart-item-quantity button {
    line-height: 1;
}

button.plus-qty.disabled {
    pointer-events: none;
}

.qty-input {
    width: 30px;
    text-align: center;
    border: none;
    padding: 0;
    margin: 0;
}

input.qty-input::selection {
    background: #bababa;
}

.button-clicked {
    transform: scale(0.9);
}

.custom-mini-cart-item.updating .mini-cart-item-price {
    position: relative;
    opacity: 0.4;
}

.custom-mini-cart-item.updating .mini-cart-item-price::after {
    content: "";
    position: absolute;
    top: -12px;
    right: 0;
    width: 14px;
    height: 14px;
    border: 2px solid #ccc;
    border-top-color: #555;
    border-radius: 50%;
    animation: miniCartSpinner 0.7s linear infinite;
}

@keyframes miniCartSpinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.custom-mini-cart-item .wcdm-deal-ribbon {
    transform-origin: center;
    z-index: 10;
    pointer-events: none;
}

.custom-mini-cart-item .wcdm-deal-ribbon span {
    position: relative;
    z-index: 2;
}

.mini-cart-item-price .per_unit {
    font-size: 12px;
    line-height: 1;
}

/* ------------------------------------------------------------------ gifts / buy-get savings */
.custom-mini-cart-fees {
    border-top: 1px dashed #ddd;
}

.mini-cart-fee-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #0a7a2f;
    font-weight: 600;
}

.mini-cart-fee-row .fee-amount {
    font-weight: 700;
}

.mini-cart-fee-free-products {
    font-size: 12px;
    color: #777;
    margin: -1px 0 3px;
    padding-right: 6px;
    line-height: 1.3;
}

.mini-cart-fee-free-products span.woocommerce-Price-amount.amount,
.mini-cart-fee-free-products span.woocommerce-Price-currencySymbol {
    font-size: 12px;
}

.mini-cart-fee-free-products .free-product-price {
    margin-right: 5px;
}

.promo-toggle {
    cursor: pointer;
    font-weight: 700;
    color: #DF1A81;
    font-size: 12px;
}

.promo-products-mix {
    overflow: hidden;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 10px;
}

/* ------------------------------------------------------------------ backdrop + confirm dialog (base) */
.mini-cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
}

.mini-cart-confirm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.mini-cart-confirm-box {
    direction: rtl;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    animation: fadeMC 0.25s ease;
}

@keyframes fadeMC {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.mc-btn {
    border: none;
    cursor: pointer;
}


/* =============================================================================================================
   Side cart redesign (owner, 2026-09-29). Same system as the phone menu and the list rows: Noto Sans Hebrew, ink
   #1C1B1F, pink #DF1A81 / deep #A3125A, cream #FCFAF4, hairlines #EBEBEB. Flat rows instead of floating cards; one
   bold element - the minimum-order meter under the header; one clear action in the footer (checkout when the order
   can be placed, "keep shopping" while it is below the minimum) with the total above it and the cart page link.
   Everything is scoped to #custom-mini-cart so it outranks the older rules above.
   ============================================================================================================= */
html body .custom-mini-cart-wrapper {
    --mc-ink: #1C1B1F;
    --mc-grey: #5F5F5F;
    --mc-line: #EBEBEB;
    --mc-cream: #FCFAF4;
    --mc-pink: #DF1A81;
    --mc-pink-deep: #A3125A;
    --mc-pink-soft: #FCE4EF;
    --mc-green: #1E7B34;
    width: 440px;
    max-width: calc(100% - 44px);   /* phones: a strip of the page stays visible, and a tap on it closes the cart */
    background: var(--mc-cream);
    box-shadow: 8px 0 32px -12px rgba(28, 27, 31, .35);
    transition: transform var(--b2b-dur-slow, 320ms) var(--b2b-ease-enter, ease), visibility 0s linear var(--b2b-dur-slow, 320ms);
}
html body .custom-mini-cart-wrapper.open { transition: transform var(--b2b-dur-slow, 320ms) var(--b2b-ease-enter, ease), visibility 0s; }

/* backdrop fades instead of popping; the page behind does not scroll */
html body .mini-cart-overlay {
    display: block;
    background-color: rgba(28, 27, 31, .45);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--b2b-dur-base, 240ms) ease, visibility 0s linear var(--b2b-dur-base, 240ms);
    -webkit-tap-highlight-color: transparent;
}
html body .mini-cart-overlay.active { opacity: 1; visibility: visible; transition: opacity var(--b2b-dur-base, 240ms) ease, visibility 0s; }
body.mini-cart-open { overflow: hidden; }

#custom-mini-cart {
    font-family: "Noto Sans Hebrew", sans-serif;
    color: var(--mc-ink);
    -webkit-tap-highlight-color: transparent;
}
#custom-mini-cart :is(a, button, input, [role="button"]):focus-visible {
    outline: 2px solid var(--mc-pink) !important;
    outline-offset: 2px;
}

/* ------------------------------------------------------------------------------ header: the meter + the X */
/* No title row: the minimum-order meter is the header (the drawer is named for screen readers). The X is the phone
   menu's: a 44px white square, hairline edge, thin pink cross - in the corner at the screen edge. */
#custom-mini-cart .custom-mini-cart-header {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 10px 16px 10px 64px;
    border-bottom: 1px solid var(--mc-line);
    background: #fff;
}
#custom-mini-cart .custom-mini-cart-header .mini-cart-close,
#custom-mini-cart .custom-mini-cart-header button.mini-cart-close {
    position: absolute;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px var(--mc-line), 0 2px 6px rgba(28, 27, 31, .08) !important;
    cursor: pointer;
    transition: background-color 150ms ease;
}
#custom-mini-cart .custom-mini-cart-header .mini-cart-close::before,
#custom-mini-cart .custom-mini-cart-header .mini-cart-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 13px !important;
    width: 18px !important;
    height: 2px;
    margin-top: -1px;
    border-radius: 1px;
    background: var(--mc-pink) !important;
    transition: none;
}
@media (hover: hover) {
    #custom-mini-cart .custom-mini-cart-header .mini-cart-close:hover { background: #F4F1EA !important; }
}
#custom-mini-cart .custom-mini-cart-header .mini-cart-close:active { background: #EFEAE0 !important; }
.impersonating #custom-mini-cart .custom-mini-cart-header .mini-cart-close { top: 10px !important; }

#custom-mini-cart .custom-mini-cart-amount-left {
    flex: 1;
    min-width: 0;
    display: block;
    padding: 0;
    border: 0;
    background: none;
    color: var(--mc-ink);
    font-size: 14px !important;
}
#custom-mini-cart .custom-mini-cart-amount-left:empty { display: none; }
#custom-mini-cart .custom-mini-cart-amount-left span { padding: 0; font-size: inherit; font-weight: inherit; }
#custom-mini-cart .mc-progress { padding: 0; }
#custom-mini-cart .mc-progress__text {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 8px;
    padding: 0;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
    color: var(--mc-ink);
}
#custom-mini-cart .mc-progress__text strong { font-weight: 700; color: var(--mc-pink-deep); }
#custom-mini-cart .mc-progress__bar {
    position: relative;
    height: 6px;
    border-radius: 3px;
    background: #F3E3EB;
    overflow: hidden;
}
#custom-mini-cart .mc-progress__bar > span {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    border-radius: 3px;
    background: var(--mc-pink);
    transition: width 400ms cubic-bezier(.22, .8, .24, 1);
}
#custom-mini-cart .mc-progress.is-done .mc-progress__text { margin: 0; color: var(--mc-green); font-weight: 600; }

/* stock / limit notices (showMessage): a calm amber line under the header */
#custom-mini-cart div#mini-cart-message {
    margin: 10px 16px 0;
    padding: 8px 12px;
    border: 0;
    border-radius: 10px;
    background: #FFF4E5;
    color: #7A4100;
    font-size: 13px;
    line-height: 1.45;
    text-align: start;
}
#custom-mini-cart .custom-mini-cart-content { padding: 0; }

/* ------------------------------------------------------------------------------------------------ the rows */
#custom-mini-cart .custom-mini-cart-products { padding: 0 16px; }
#custom-mini-cart .custom-mini-cart-item {
    display: grid;
    position: relative;
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--mc-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
#custom-mini-cart .mini-cart-item-image {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    width: 76px;
    height: 76px;
    margin: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--mc-line);
    overflow: hidden;
}
#custom-mini-cart .mini-cart-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
    box-sizing: border-box;
}
#custom-mini-cart .mini-cart-item-image .yith-wcbm-badge { display: none !important; }   /* shown as pills in the row */

#custom-mini-cart .mini-cart-item-details {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 0;
}
#custom-mini-cart .mini-cart-item-name {
    height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
    color: var(--mc-ink);
    padding-inline-end: 32px;
}
#custom-mini-cart .custom-mini-cart-item.is-free-line .mini-cart-item-name { padding-inline-end: 0; }
#custom-mini-cart .mini-cart-item-gift {
    align-self: flex-start;
    padding: 2px 8px;
    border-radius: 6px;
    background: #E6F4EA;
    color: var(--mc-green);
    font-size: 12px;
    font-weight: 600;
}

/* deal label: a small tag in the row, not the rotated corner ribbon */
#custom-mini-cart .custom-mini-cart-item .wcdm-deal-ribbon {
    position: static;
    order: -1;
    align-self: flex-start;
    width: auto;
    height: auto;
    margin: 0;
    padding: 2px 8px;
    transform: none;
    border-radius: 6px;
    background: var(--mc-pink-soft);
    box-shadow: none;
    color: var(--mc-pink-deep);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    text-align: start;
}
#custom-mini-cart .custom-mini-cart-item .wcdm-deal-ribbon span {
    display: inline;
    padding: 0;
    transform: none;
    background: none;
    color: inherit;
    font: inherit;
    box-shadow: none;
}

/* remove: a 40px trash button in the row's corner */
#custom-mini-cart button.mini-cart-item-remove {
    position: absolute;
    top: 8px;
    left: -8px;               /* the row's far corner (the drawer is always right-to-left); the name keeps room for it */
    right: auto;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-height: 0;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #8A8A8A !important;
    font-size: 0;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
}
@media (hover: hover) {
    #custom-mini-cart button.mini-cart-item-remove:hover { background: #F4F1EA !important; color: #B3261E !important; }
}
#custom-mini-cart button.mini-cart-item-remove:active { background: #EFEAE0 !important; }

/* stepper + line total */
#custom-mini-cart .mini-cart-item-qty-price {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
}
#custom-mini-cart .mini-cart-item-quantity {
    flex: none;
    width: 100px;
    height: 44px;
    padding: 0;
    border-radius: 25px;
    background: var(--mc-pink) !important;
    color: #fff !important;
    justify-content: space-between;
    overflow: hidden;
}
/* the store's stepper glyphs: 14x2 white bars (+ adds the 2x14 bar), not typed characters */
#custom-mini-cart .mini-cart-item-quantity button {
    flex: none;
    width: 36px;
    height: 44px;
    min-height: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(#fff, #fff) center / 14px 2px no-repeat !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    cursor: pointer;
}
#custom-mini-cart .mini-cart-item-quantity button.plus-qty {
    background: linear-gradient(#fff, #fff) center / 14px 2px no-repeat, linear-gradient(#fff, #fff) center / 2px 14px no-repeat !important;
}
#custom-mini-cart .mini-cart-item-quantity button.plus-qty.disabled,
#custom-mini-cart .mini-cart-item-quantity button:disabled { opacity: .4; }
#custom-mini-cart .mini-cart-item-quantity button.plus-qty.disabled::before { content: none; }
@media (hover: hover) {
    #custom-mini-cart .mini-cart-item-quantity button:not(:disabled):hover { background-color: rgba(255, 255, 255, .12) !important; }
}
#custom-mini-cart .mini-cart-item-quantity input.qty-input {
    flex: none;
    width: 28px;
    min-width: 0;
    height: 44px !important;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 18px !important;
    line-height: 44px !important;
    font-weight: 400;
    text-align: center;
    box-shadow: none;
}
#custom-mini-cart .mini-cart-item-quantity .qty-label-free { width: 100%; text-align: center; font-weight: 600; }
#custom-mini-cart .custom-mini-cart-item.is-free-line .mini-cart-item-quantity { background: #E6F4EA !important; color: var(--mc-green) !important; width: 64px; }
#custom-mini-cart .mini-cart-item-price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-weight: 700; }
#custom-mini-cart .mini-cart-item-price bdi { color: var(--mc-pink); font-size: 15px; font-weight: 700; }
#custom-mini-cart .mini-cart-item-price del,
#custom-mini-cart .mini-cart-item-price del bdi { font-size: 11px; font-weight: 400; color: var(--mc-grey); }
#custom-mini-cart .mini-cart-item-price .mini-cart-price-each,
#custom-mini-cart .mini-cart-item-price .mini-cart-price-each bdi { font-size: 11px; line-height: 1.3; font-weight: 400; color: var(--mc-grey); white-space: nowrap; }
#custom-mini-cart .mini-cart-item-price .mini-cart-promo-label { font-size: 11px; font-weight: 600; color: var(--mc-pink-deep); }

/* gifts / buy-get savings */
#custom-mini-cart .custom-mini-cart-fees {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--mc-line);
}

/* "ריקון הסל": a quiet text action at the end of the list, never next to the title */
#custom-mini-cart .mini-cart-list-foot { display: flex; justify-content: center; padding: 8px 0 16px; }
#custom-mini-cart .mini-cart-list-foot .mini-cart-empty {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 10px;
    color: var(--mc-grey);
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
@media (hover: hover) {
    #custom-mini-cart .mini-cart-list-foot .mini-cart-empty:hover { color: #B3261E; }
}

/* ---------------------------------------------------------------------------------------------------- footer */
#custom-mini-cart .custom-mini-cart-footer {
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--mc-line);
    background: #fff;
    box-shadow: 0 -10px 20px -16px rgba(28, 27, 31, .35);
}
#custom-mini-cart .custom-mini-cart-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    background: none;
}
#custom-mini-cart .mc-sum { display: flex; align-items: baseline; justify-content: space-between; font-size: 14px; color: var(--mc-grey); }
#custom-mini-cart .mc-sum--total { margin-bottom: 4px; color: var(--mc-ink); font-size: 15px; font-weight: 600; }
#custom-mini-cart .mc-sum--total .total-price { font-size: 20px; font-weight: 700; color: var(--mc-ink); }
#custom-mini-cart .mc-cta,
#custom-mini-cart a.custom-checkout-button.mc-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 16px;
    border: 0;
    border-radius: 25px;
    background: var(--mc-pink);
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer;
    transition: background-color 150ms ease;
}
@media (hover: hover) {
    #custom-mini-cart .mc-cta:hover { background: #C9166F; color: #fff; }
}
#custom-mini-cart .mc-cta:active { background: #B81466; }
#custom-mini-cart .mc-viewcart {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: var(--mc-pink-deep);
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ---------------------------------------------------------------------------------------------- empty state */
#custom-mini-cart .custom-mini-cart-empty { padding: 48px 16px; font-size: 16px; color: var(--mc-ink); }

/* ------------------------------------------------------------------------------------------- confirm dialog */
.mini-cart-confirm-overlay { background: rgba(28, 27, 31, .45); }
.mini-cart-confirm-box {
    width: min(340px, calc(100vw - 32px));
    padding: 20px;
    border-radius: 16px;
    background: #fff;
    font-family: "Noto Sans Hebrew", sans-serif;
    text-align: start;
}
.mini-cart-confirm-box .mc-title { margin-bottom: 6px; font-size: 18px; font-weight: 700; color: #1C1B1F; }
.mini-cart-confirm-box .mc-message { margin-bottom: 16px; font-size: 15px; line-height: 1.5; color: #3D3D3D; }
.mini-cart-confirm-box .mc-buttons { display: flex; gap: 8px; }
.mini-cart-confirm-box .mc-btn {
    flex: 1;
    height: 48px;
    min-height: 0;
    padding: 0 12px;
    border: 0;
    border-radius: 24px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
.mini-cart-confirm-box .mc-cancel { background: #F1EFEA !important; color: #1C1B1F !important; }
.mini-cart-confirm-box .mc-ok { background: #B3261E !important; color: #fff !important; }

@media (prefers-reduced-motion: reduce) {
    html body .custom-mini-cart-wrapper,
    html body .custom-mini-cart-wrapper.open,
    html body .mini-cart-overlay,
    html body .mini-cart-overlay.active,
    #custom-mini-cart .mc-progress__bar > span { transition: none !important; }
}

/* ---------------------------------------------------------------- review round (flow, visual, a11y - 2026-09-29) */
/* rows: the list rows' rhythm - name 14/1.25, pills and tags in one shape, stepper row a clear step below */
#custom-mini-cart .mini-cart-item-name { line-height: 1.25; }
#custom-mini-cart .mini-cart-item-details { gap: 6px; }
#custom-mini-cart .mini-cart-item-qty-price { order: 2; margin-top: 4px; }
#custom-mini-cart .custom-mini-cart-item .wcdm-deal-ribbon,
#custom-mini-cart .mini-cart-item-gift {
    order: 1;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
}

/* price column: old price and the charged price share one line, "2 × ₪125.00" under them */
#custom-mini-cart .mini-cart-item-price {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
    gap: 0 6px;
    max-width: calc(100% - 108px);   /* everything beside the 100px stepper */
    line-height: 1.2;
}
#custom-mini-cart .mini-cart-item-price > * { line-height: 1.2; }
#custom-mini-cart .mini-cart-item-price .mini-cart-price-each,
#custom-mini-cart .mini-cart-item-price .mini-cart-promo-label { flex-basis: 100%; text-align: end; margin-top: 2px; }
#custom-mini-cart .mini-cart-item-price :is(del, .mini-cart-price-each) .woocommerce-Price-currencySymbol { font-size: inherit; }

/* trash: the menu's line-icon weight, AA-contrast grey */
#custom-mini-cart button.mini-cart-item-remove { color: #6B6B6B !important; }
#custom-mini-cart button.mini-cart-item-remove svg { width: 18px; height: 18px; stroke-width: 1.6; }

/* the X shows its ring for keyboard focus only (the drawer focuses it on open) */
#custom-mini-cart .mini-cart-close:focus:not(:focus-visible) { outline: none !important; }
#custom-mini-cart .mini-cart-close:focus-visible { outline-offset: 3px; }

/* footer: tighter stack; "ריקון הסל" quieter */
#custom-mini-cart .custom-mini-cart-footer { padding-top: 14px; }
#custom-mini-cart .mc-sum--total { margin-bottom: 6px; }
#custom-mini-cart .mc-viewcart { min-height: 40px; }
#custom-mini-cart .mini-cart-list-foot { padding: 4px 0 12px; }
#custom-mini-cart .mini-cart-list-foot .mini-cart-empty { font-size: 13px; color: #6B6B6B; }

/* touch: no double-tap zoom on fast + / - taps; the page behind never scrolls */
#custom-mini-cart :is(button, a, input, [role="button"]) { touch-action: manipulation; }
html:has(body.mini-cart-open) { overflow: hidden; }
.mini-cart-overlay { touch-action: none; }

/* desktop drawer (440px): a little more air at the edges */
@media (min-width: 768px) {
    #custom-mini-cart .custom-mini-cart-products { padding: 0 20px; }
    #custom-mini-cart .custom-mini-cart-footer { padding-inline: 20px; }
    #custom-mini-cart .custom-mini-cart-header { padding-inline-start: 20px; }
}

/* landscape phones (~390px tall): a lower header and the footer on two columns, so rows keep their room */
@media (max-height: 500px) {
    #custom-mini-cart .custom-mini-cart-header { min-height: 56px; padding-block: 6px; }
    #custom-mini-cart .custom-mini-cart-header .mini-cart-close { top: 6px !important; }
    #custom-mini-cart .custom-mini-cart-footer { padding-top: 8px; }
    #custom-mini-cart .custom-mini-cart-buttons { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; }
    #custom-mini-cart .mc-sum { grid-column: 1 / -1; }
    #custom-mini-cart .mc-sum--total { margin-bottom: 0; }
    #custom-mini-cart .mc-cta { height: 44px; }
}

/* the meter sentence flows as text (flex only lays out the check icon of the "reached" line) */
#custom-mini-cart .mc-progress:not(.is-done) .mc-progress__text { display: block; }
#custom-mini-cart .mc-progress__text bdi { white-space: nowrap; }

/* ----------------------------------------------- bigger photo, variant stickers on it (owner, 2026-09-29) */
/* The photo is 96px (it identifies the product first); the variant stickers are the store's round discs in the
   photo's bottom corner, as on the product cards - at the wide list rows' size (32px, 8px bold) so they stay readable. */
#custom-mini-cart .custom-mini-cart-item { grid-template-columns: 96px minmax(0, 1fr); }
#custom-mini-cart .mini-cart-item-image { width: 96px; height: 96px; }
#custom-mini-cart .mini-cart-item-image img { padding: 6px; }
#custom-mini-cart .mini-cart-item-stickers {
    position: absolute;
    bottom: 4px;
    right: 4px;
    left: 4px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 3px;
    pointer-events: none;
}
#custom-mini-cart .mini-cart-sticker {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    padding: 2px;
    border-radius: 50%;
    background: var(--mc-v-bg, #2D2D2D);
    color: var(--mc-v-fg, #fff);
    box-shadow: inset 0 0 0 1px rgba(28, 27, 31, .1), 0 1px 2px rgba(28, 27, 31, .16);
    overflow: hidden;
    text-align: center;
}
#custom-mini-cart .mini-cart-sticker__t {
    display: block;
    max-width: 100%;
    font-size: 8px;
    line-height: 1.05;
    font-weight: 700;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* ----------------------------------------------------------------- motion clean-up (2026-09-29) */
/* the meter fills with a scale (compositor only) instead of animating its width */
#custom-mini-cart .mc-progress__bar > span {
    width: 100%;
    transform: scaleX(var(--mc-pn, 0));
    transform-origin: right center;
    transition: transform var(--b2b-dur-slow, 320ms) var(--b2b-ease-enter, ease);
}
/* a row being removed dims in place; the rows under it then glide up (mini-cart.js flipRemove) */
#custom-mini-cart .custom-mini-cart-item.is-removing {
    opacity: .4;
    pointer-events: none;
    transition: opacity var(--b2b-dur-fast, 150ms) ease;
}
@media (prefers-reduced-motion: reduce) {
    .mini-cart-confirm-box { animation: none !important; }
}