/* Efor's cut-left marker extends 15px past the desktop navigation bar.
   Reserve that space in the header, including for hover on other pages. */
@media (min-width: 992px) {
    html.is-menu-hover-cut-left #masthead.site-header { padding-bottom: 24px; }
    /* Keep the already approved catalogue clearance: 24 + 16 = 40px. */
    html.is-menu-hover-cut-left .page-id-3970 .mama-finder { margin-top: 16px; }
    /* A backdrop filter traps the fixed clone inside the scrolling header. */
    html.is-menu-bar.is-menu-sticky.is-header-smaller #masthead.site-header {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    html.is-menu-hover-cut-left .site-navigation.clone .menu-wrap { padding-bottom: 24px; }
}

/* Anchor the share dropdown inside the narrow article column on phones. */
@media (max-width: 767px) {
    .single-post .entry-meta { position: relative; }
    .single-post .entry-share { position: static; }
    .single-post .entry-share .entry-share-wrap { top: 100%; left: auto; right: 0; }
}

/* Keep the currency attached to the checkout amount on narrow screens. */
.mama-checkout .woocommerce-checkout-review-order-table .amount {
    white-space: nowrap;
    overflow-wrap: normal;
}
@media (max-width: 480px) {
    .mama-checkout .woocommerce-checkout-review-order-table .product-total { width: 40%; }
    .mama-checkout .woocommerce-checkout-review-order-table .order-total td { font-size: 18px !important; }
}
@media (max-width: 350px) {
    .mama-checkout .woocommerce-checkout-review-order-table .order-total td { font-size: 16px !important; }
}

/* WooPayments supplies inline width:auto; Efor removes native appearance,
   reducing the unchecked box to its border. Keep this optional control usable. */
.mama-checkout #payment .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"] {
    -webkit-appearance: checkbox;
    appearance: auto;
    width: 18px !important;
    min-width: 18px;
    height: 18px;
    padding: 0;
    border: initial;
    accent-color: #574281;
}
.mama-checkout #payment .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"]::before,
.mama-checkout #payment .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"]::after {
    content: none;
}

/* Both account columns must contribute to their parent's height. */
.woocommerce-account .entry-content > .woocommerce { display: flow-root; }
@media (min-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        position: static;
        float: left;
        width: 150px;
        max-width: 100%;
        box-sizing: border-box;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        float: right;
        width: calc(100% - 210px);
        min-width: 0;
        min-height: 0;
        padding-left: 0;
        box-sizing: border-box;
    }
}
