*/
 /* ==========================================================================
   GROWPEP CHECKOUT — DESKTOP TWO COLUMN LAYOUT
========================================================================== */

body.woocommerce-checkout
.wp-block-woocommerce-checkout {
    width: min(100% - 40px, 1200px) !important;
    max-width: 1200px !important;

    margin: 44px auto 64px !important;
    padding: 0 !important;
}


/* WooCommerce Blocks actual layout wrapper */

body.woocommerce-checkout
.wc-block-components-sidebar-layout {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 380px !important;

    gap: 40px !important;

    align-items: start !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   CHECKOUT — LEFT FORM
========================================================================== */

body.woocommerce-checkout
.wc-block-components-sidebar-layout
.wc-block-components-main,
body.woocommerce-checkout
.wc-block-checkout__main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   CHECKOUT — RIGHT ORDER SUMMARY
========================================================================== */

body.woocommerce-checkout
.wc-block-components-sidebar-layout
.wc-block-components-sidebar,
body.woocommerce-checkout
.wc-block-checkout__sidebar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: start !important;

    position: sticky !important;
    top: 28px !important;
}


/* Order summary visual card */

body.woocommerce-checkout
.wc-block-checkout__sidebar {
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;

    background: #FFFFFF !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(15, 42, 74, 0.06) !important;
}


/* ==========================================================================
   CHECKOUT — FORM SPACING
========================================================================== */

body.woocommerce-checkout
.wc-block-checkout__main
.wc-block-components-checkout-step {
    margin-bottom: 26px !important;
}

body.woocommerce-checkout
.wc-block-components-express-payment {
    margin-bottom: 28px !important;
}

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button {
    width: 100% !important;

    min-height: 50px !important;

    border-radius: 8px !important;

    background: #0F2A4A !important;
    color: #FFFFFF !important;

    font-family: inherit !important;
    font-weight: 600 !important;
}


/* ==========================================================================
   CHECKOUT — TABLET
========================================================================== */

@media (max-width: 1024px) {

    body.woocommerce-checkout
    .wp-block-woocommerce-checkout {
        width: min(100% - 32px, 960px) !important;
    }

    body.woocommerce-checkout
    .wc-block-components-sidebar-layout {
        grid-template-columns:
            minmax(0, 1fr)
            320px !important;

        gap: 28px !important;
    }
}


/* ==========================================================================
   CHECKOUT — MOBILE
========================================================================== */

@media (max-width: 767px) {

    body.woocommerce-checkout
    .wp-block-woocommerce-checkout {
        width: 100% !important;

        margin: 24px auto 40px !important;
        padding: 0 16px !important;
    }

    body.woocommerce-checkout
    .wc-block-components-sidebar-layout {
        display: flex !important;
        flex-direction: column !important;

        gap: 28px !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout__main {
        order: 1 !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout__sidebar {
        order: 2 !important;

        position: static !important;
        top: auto !important;
    }
}
/* ==========================================================================
   GROWPEP CHECKOUT — ORDER SUMMARY INNER SPACING
========================================================================== */

body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-order-summary,
body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-totals-wrapper {
    padding-left: 18px !important;
    padding-right: 18px !important;
}


/* Summary heading */

body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-order-summary__button-text,
body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-title {
    padding-top: 16px !important;
}


/* Product row */

body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-order-summary-item {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}


/* Totals rows */

body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-totals-item {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}


/* Recurring totals section */

body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:last-child {
    padding-top: 18px !important;
    padding-bottom: 20px !important;
}


/* Recurring totals title */

body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-totals-wrapper:last-child
.wc-block-components-totals-item__label {
    margin-bottom: 6px !important;
}


/* Prevent text from touching card edges */

body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-totals-item__description,
body.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-totals-item__value {
    line-height: 1.5 !important;
}
/* ==========================================================================
   GROWPEP WOOCOMMERCE — CHECKOUT BLOCK
   Layout/presentation only. WooCommerce and WPSubscription own checkout logic.
========================================================================== */

body.woocommerce-checkout .wp-site-blocks,
body.woocommerce-checkout main,
body.woocommerce-checkout .entry-content {
    min-width: 0;
}

body.woocommerce-checkout .wc-block-checkout {
    width: min(calc(100% - (var(--gp-gutter) * 2)), var(--gp-container));
    margin: var(--gp-space-8) auto var(--gp-space-16);
    padding: 0;
}

body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout__sidebar {
    min-width: 0;
}

body.woocommerce-checkout .wc-block-components-sidebar-layout {
    gap: var(--gp-space-8);
}

body.woocommerce-checkout .wc-block-components-checkout-step,
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-order-summary {
    border-color: var(--gp-border);
}

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
    border-color: var(--gp-border);
    border-radius: var(--gp-radius-input);
    box-shadow: none;
}

body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input:focus,
body.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select:focus {
    border-color: var(--gp-emerald);
    box-shadow: 0 0 0 2px rgba(15, 157, 116, 0.12);
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    min-height: var(--gp-button-height-lg);
    border-radius: var(--gp-radius-button);
    background: var(--gp-navy);
    color: var(--gp-white);
    font-family: inherit;
    font-weight: var(--gp-weight-semibold);
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible {
    background: var(--gp-navy-hover);
    color: var(--gp-white);
}

body.woocommerce-checkout .wc-block-components-notice-banner {
    border-radius: var(--gp-radius-input);
}

@media (max-width: 1024px) {
    body.woocommerce-checkout .wc-block-components-sidebar-layout {
        gap: var(--gp-space-5);
    }
}

@media (max-width: 767px) {
    body.woocommerce-checkout .wc-block-checkout {
        margin-top: var(--gp-space-6);
        margin-bottom: var(--gp-space-10);
    }
}
/* ==========================================================================