/* ═══════════════════════════════════════════════
   TargetWeb — Cart Page (WooCommerce Cart block)
═══════════════════════════════════════════════ */

/* The Cart block's own stylesheet
   (plugins/woocommerce/assets/client/blocks/cart.css) sets
   .wc-block-components-sidebar-layout.wc-block-cart{padding-top:0}, so the top
   padding below needs !important to win. Horizontal padding has no competing
   plugin rule. */
.wc-block-components-sidebar-layout.wc-block-cart, .wp-block-woocommerce-checkout {
    padding-top: 50px !important;
    padding-left: 140px;
    padding-right: 140px;
}

/* ── Tablet (max 1024px) ─────────────────────────────────── */
@media (max-width: 1024px) {
    .wc-block-components-sidebar-layout.wc-block-cart, .wp-block-woocommerce-checkout {
        padding-top: 40px !important;
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* ── Mobile (max 767px) ──────────────────────────────────── */
@media (max-width: 767px) {
    .wc-block-components-sidebar-layout.wc-block-cart, .wp-block-woocommerce-checkout {
        padding-top: 24px !important;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ── Small mobile (max 480px) ────────────────────────────── */
@media (max-width: 480px) {
    .wc-block-components-sidebar-layout.wc-block-cart, .wp-block-woocommerce-checkout {
        padding-top: 16px !important;
        padding-left: 12px;
        padding-right: 12px;
    }
}