/**
 * Space for the fixed mobile bottom navigation bar.
 * Loaded last in layout so it overrides per-page padding resets.
 */

:root {
    --icg-mobile-nav-clearance: calc(80px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 991px) {
    .store-body.icg-theme .mobile-shell,
    .store-body .mobile-shell {
        padding-bottom: var(--icg-mobile-nav-clearance) !important;
    }

    /* Footer margin was a partial fix; shell padding handles clearance everywhere */
    .icg-footer.site-footer {
        margin-bottom: 0;
    }

    /* Content pages without footer (addresses, menu, order success, etc.) */
    .icg-addresses-page .address-page,
    .section.address-page,
    .section.order-success,
    .section.menu-page,
    .store-page,
    .checkout-page,
    .mc-cart,
    .icg-account,
    .icg-orders,
    .product-detail-page,
    .icg-auth-wrap {
        padding-bottom: 16px;
    }

    .row-actions,
    .address-card-actions,
    .address-form .row-actions,
    .order-success-actions,
    .mc-cart-checkout-wrap,
    .checkout-place-btn,
    .icg-account-actions {
        margin-bottom: 4px;
    }

    .toast {
        bottom: calc(88px + env(safe-area-inset-bottom, 0px));
    }
}

@media (min-width: 992px) {
    .store-body.icg-theme .mobile-shell,
    .store-body .mobile-shell {
        padding-bottom: 28px !important;
    }
}