/* ==========================================================================
   SALTANDPOD — WooCommerce Premium Redesign Stylesheet
   Color System:
   - Deep Blue: #0A1628
   - Clay Blue: #456793
   - Warm Off-white: #F7F6F4
   - Light Blue/Gray: #EFF1F4
   - Light Clay/Blue Border: #CFDAEB
   - Accent / Hover State: #7ba8c4 or #92bedb
   ========================================================================== */

/* ── Global Page Wrapper Adjustments ────────────────────────────────────── */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body:has(.saltandpod-auth-wrapper) {
    background-color: #f7f6f4 !important;
    color: #0a1628 !important;
    font-family: "DM Sans", sans-serif !important;
}

/* Page titles */
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-account .entry-title,
body:has(.saltandpod-auth-wrapper) .entry-title,
body:has(.saltandpod-auth-wrapper) .entry-header {
    display: none !important; /* Hide default basic theme headings */
}

/* ── Container Constraints & Breakout Fixes ────────────────────────────── */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account.logged-in .woocommerce,
.woocommerce-account.logged-out .u-columns.col2-set {
    max-width: 1200px !important;
    margin: 60px auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

/* Force override negative margin breakout rules on Gutenberg alignwide blocks */
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-checkout.alignwide {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ── Premium Forms Design (Inputs & Labels) ────────────────────────────── */
.woocommerce p.form-row label,
.wc-block-components-text-input label,
.wc-block-components-combobox label {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    color: #456793 !important;
    margin-bottom: 8px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.woocommerce .input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce select,
.woocommerce textarea,
.wc-block-components-text-input input,
.wc-block-components-combobox input,
.wc-block-components-combobox select {
    width: 100%;
    padding: 11px 24px !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    color: #0a1628 !important;
    background-color: #ffffff !important; /* Premium white background */
    outline: none !important;
    box-shadow: inset 0 1px 2px rgba(10, 22, 40, 0.02) !important;
    transition: all 0.2s ease-in-out !important;
    font-family: "DM Sans", sans-serif !important;
    box-sizing: border-box;
    height: auto !important;
	    border-radius: 0px !important;
}

.woocommerce .input-text:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce select:focus,
.woocommerce textarea:focus,
.wc-block-components-text-input input:focus,
.wc-block-components-combobox input:focus {
    border-color: #456793 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(69, 103, 147, 0.15), inset 0 1px 2px rgba(10, 22, 40, 0.02) !important;
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered{
	    padding: 12px 24px !important;
    font-size: 14px;
}
.woocommerce .woocommerce-input-wrapper textarea {
    height: 140px !important;
}

/* WooCommerce Password input wrap */
.woocommerce .password-input {
    display: block;
    position: relative;
    width: 100%;
}

.woocommerce .password-input input {
    padding-right: 44px !important;
}

.woocommerce .password-input .show-password-input {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #456793;
    opacity: 0.7;
    transition: opacity 0.2s;
    width: 20px;
    height: 20px;
}

.woocommerce .password-input .show-password-input:hover {
    opacity: 1;
}

.woocommerce table.shop_table{
    border: unset;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
    position: unset;
}

:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection{
    border: 1px solid #cfdaeb !important;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
	    border: none;
    padding: 0px;
}

/* ── Styled Buttons ─────────────────────────────────────────────────────── */
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce-button,
.wc-block-components-button:not(.is-secondary),
.woocommerce input.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #0a1628 !important;
    color: #eff1f4 !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.28px !important;
    padding: 13px 24px !important;
    border-radius: unset !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s, transform 0.1s, color 0.2s !important;
    text-decoration: none !important;
    box-sizing: border-box;
    box-shadow: none !important;
	   
}

.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.wc-block-components-button:not(.is-secondary):hover,
.woocommerce input.button:hover {
    background-color: #456793 !important;
    color: #ffffff !important;
}

.woocommerce button.button:active,
.woocommerce button.button.alt:active,
.wc-block-components-button:not(.is-secondary):active {
    transform: scale(0.985) !important;
}

/* Secondary outline buttons */
.woocommerce a.button:not(.alt),
.woocommerce button.button:not(.alt),
.wc-block-components-button.is-secondary {
    background-color: transparent !important;
    color: #0a1628 !important;
    border: 1px solid #0a1628 !important;
}

.woocommerce a.button:not(.alt):hover,
.woocommerce button.button:not(.alt):hover,
.wc-block-components-button.is-secondary:hover {
    background-color: #0a1628 !important;
    color: #ffffff !important;
}

/* ── WooCommerce Notices ────────────────────────────────────────────────── */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error,
.wc-block-components-notices__snackbar {
    background-color: #ffffff !important;
    border-radius: 6px !important;
    border: 1px solid #cfdaeb !important;
    border-left: 4px solid #0a1628 !important;
    color: #0a1628 !important;
    font-family: "DM Sans", sans-serif !important;
    padding: 18px 24px !important;
    font-size: 15px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 16px rgba(10, 22, 40, 0.02) !important;
	display: flex;
    align-items: center;
    gap: 14px;
}

.woocommerce-notices-wrapper {
    width: 100%;
}


.woocommerce-message a.button {
    padding: 8px 16px !important;
    font-size: 12px !important;
    margin-left: 0px !important;
    float: right;
    margin-top: -4px !important;
}

.woocommerce-error {
    border-left-color: #dc2626 !important;
}

.woocommerce-error li {
    list-style: none !important;
}

/* ── Custom Separate Auth Pages (.saltandpod-auth-wrapper) ────────────────── */
.saltandpod-auth-wrapper {
    max-width: 500px !important;
    margin: 60px auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    clear: both !important;
}

.saltandpod-auth-wrapper .u-columns.col2-set {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
}

.saltandpod-auth-wrapper .col-1,
.saltandpod-auth-wrapper .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    flex: 1 1 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    box-sizing: border-box !important;
    float: none !important;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
	    margin-bottom: 0px;
}

.saltandpod-auth-wrapper h2 {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    color: #0a1628 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid #eff1f4 !important;
    padding-bottom: 12px !important;
    letter-spacing: -0.5px !important;
}

.saltandpod-auth-switch-link {
    text-align: center !important;
    margin-top: 24px !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 15px !important;
    color: #456793 !important;
}

.saltandpod-auth-switch-link a {
    color: #0a1628 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.saltandpod-auth-switch-link a:hover {
    color: #456793 !important;
}

/* Hide opposite columns for separate forms */
.saltandpod-only-login .col-2 {
    display: none !important;
}

.saltandpod-only-register .col-1 {
    display: none !important;
}

fieldset{
	border: none !important;
}

legend {
    padding: 10px 0px;
}

/* ── My Account Page (Logged Out: Login & Register side-by-side) ────────── */
.woocommerce-account.logged-out .u-columns.col2-set {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    margin-top: 40px;
}

.woocommerce-account.logged-out .u-columns.col2-set .col-1,
.woocommerce-account.logged-out .u-columns.col2-set .col-2 {
    flex: 1 1 480px;
    max-width: 540px;
    background-color: #ffffff;
    border: 1px solid #cfdaeb;
    border-radius: 8px;
    padding: 48px;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    box-sizing: border-box;
}

.woocommerce-account.logged-out h2 {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    color: #0a1628 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid #eff1f4;
    padding-bottom: 12px;
    letter-spacing: -0.5px;
}

.woocommerce-account.logged-out form p.form-row {
    margin-bottom: 20px;
}

/* Checkbox customizations on login/register */
.woocommerce-form__label-for-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    color: #456793;
}

.woocommerce-form__label-for-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: 1px solid #cfdaeb;
    border-radius: 2px;
    cursor: pointer;
}

.woocommerce button.button.woocommerce-form-login__submit,
.woocommerce button.button.woocommerce-form-register__submit {
    width: 100% !important;
    margin-top: 10px !important;
    background-color: #0a1628 !important;
    color: #eff1f4 !important;
    border: none !important;
}

.woocommerce button.button.woocommerce-form-login__submit:hover,
.woocommerce button.button.woocommerce-form-register__submit:hover {
    background-color: #456793 !important;
    color: #ffffff !important;
}

.woocommerce-LostPassword.lost_password {
    margin-top: 16px;
    text-align: center;
}

.woocommerce-LostPassword.lost_password a {
    color: #456793;
    font-size: 13.5px;
    text-decoration: none;
    font-weight: 500;
}

.woocommerce-LostPassword.lost_password a:hover {
    color: #0a1628;
    text-decoration: underline;
}

@media screen and (max-width: 600px) {
    .woocommerce-account.logged-out .u-columns.col2-set .col-1,
    .woocommerce-account.logged-out .u-columns.col2-set .col-2,
    .saltandpod-auth-wrapper .col-1,
    .saltandpod-auth-wrapper .col-2 {
        padding: 30px 14px !important;
    }
	
	.saltandpod-auth-wrapper h2{
		    font-size: 20px !important;
	}
	.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
		margin-top: 18px;
	}
}

/* ── My Account Page (Logged In Dashboard Layout) ───────────────────────── */
.woocommerce-account.logged-in .woocommerce {
    display: flex !important;
    flex-direction: row !important;
    gap: 48px !important;
    align-items: flex-start !important;
}

/* Account Navigation Sidebar */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 280px !important;
    flex-shrink: 0 !important;
    float: none !important;
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 24px 0 !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 14px 28px !important;
    color: #456793 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    border-left: 3px solid transparent !important;
    transition: all 0.2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background-color: #eff1f4 !important;
    color: #0a1628 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background-color: #eff1f4 !important;
    color: #0a1628 !important;
    border-left-color: #0a1628 !important;
}

/* Account Content Area */
.woocommerce-account .woocommerce-MyAccount-content {
    flex-grow: 1 !important;
    width: auto !important;
    float: none !important;
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 48px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    box-sizing: border-box !important;
}

.woocommerce-MyAccount-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #456793;
    margin-bottom: 24px;
}

.woocommerce-MyAccount-content p strong {
    color: #0a1628;
}

.woocommerce-MyAccount-content a {
    color: #0a1628;
    text-decoration: underline;
    font-weight: 700;
}

.woocommerce-MyAccount-content a:hover {
    color: #456793;
}

/* My Account Tables */
.shop_table.my_account_orders {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.shop_table.my_account_orders th {
    background-color: #eff1f4;
    color: #0a1628;
    font-weight: 700;
    padding: 14px 16px;
    text-align: left;
    font-size: 13.5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #cfdaeb;
}

.shop_table.my_account_orders td {
    padding: 16px;
    border-bottom: 1px solid #eff1f4;
    font-size: 15px;
    color: #456793;
}

.shop_table.my_account_orders td.woocommerce-orders-table__cell-order-actions a.button {
    padding: 8px 16px !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
}

/* Addresses Section */
.woocommerce-Addresses {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

.woocommerce-Address {
    flex: 1;
    background-color: #f7f6f4;
    border: 1px solid #cfdaeb;
    border-radius: 6px;
    padding: 24px;
}

.woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cfdaeb;
    padding-bottom: 10px;
    margin-bottom: 16px;
}

.woocommerce-Address-title h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #0a1628;
}

.woocommerce-Address-title .edit {
    font-size: 14px;
    font-weight: 700;
    color: #456793;
    text-decoration: none;
}

.woocommerce-Address-title .edit:hover {
    color: #0a1628;
}

.woocommerce-Address address {
    font-style: normal;
    font-size: 15px;
    line-height: 1.6;
    color: #456793;
}

@media screen and (max-width: 991px) {
    .woocommerce-account.logged-in .woocommerce {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        padding: 0 !important;
        float: none !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation li {
        flex: 1 1 auto !important;
        text-align: center !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation li a {
        padding: 14px 16px !important;
        border-left: none !important;
        border-bottom: 3px solid transparent !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
        border-bottom-color: #0a1628 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        padding: 30px 20px !important;
    }
    
    .woocommerce-Addresses {
        flex-direction: column !important;
    }
}

/* ── WooCommerce Blocks Cart Styles (.wc-block-cart) ─────────────────────── */
.wc-block-cart__main,
.wc-block-cart__sidebar {
    background-color: transparent !important;
}

/* Cart item block card styling (wrapper instead of table) */
.wc-block-cart__main {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    padding: 36px !important;
    box-sizing: border-box !important;
}

.wc-block-cart-items {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.wc-block-cart-items__row {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #eff1f4 !important;
    box-shadow: none !important;
    padding: 24px 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

.wc-block-cart-items__row:last-child {
    border-bottom: none !important;
}

/* Cart table header alignment */
.wc-block-cart-items__header {
    border-bottom: 2px solid #cfdaeb !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

.wc-block-cart-items__header-product,
.wc-block-cart-items__header-total {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    color: #456793 !important;
    font-size: 13.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Product thumbnail */
.wc-block-cart-item__image img {
    border-radius: 4px !important;
    background-color: #f7f6f4 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border: 1px solid #cfdaeb !important;
    max-width: 80px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Product name */
.wc-block-cart-item__name {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #0a1628 !important;
    text-decoration: none !important;
}

.wc-block-cart-item__name:hover {
    color: #456793 !important;
}

/* Item Subtotal and Totals */
.wc-block-cart-item__total {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    color: #0a1628 !important;
    font-size: 16px !important;
}

/* Quantity Selector Override */
.wc-block-cart-item__quantity .wc-block-components-quantity-selector {
    border: 1px solid #cfdaeb !important;
    border-radius: 4px !important;
    overflow: hidden;
}

.wc-block-cart-item__quantity input.wc-block-components-quantity-selector__input {
    background-color: #ffffff !important;
    color: #0a1628 !important;
    font-weight: 700 !important;
    border: none !important;
    font-size: 14px !important;
}

.wc-block-components-quantity-selector__button {
    background-color: #eff1f4 !important;
    color: #456793 !important;
    border: none !important;
    transition: background-color 0.2s !important;
}

.wc-block-components-quantity-selector__button:hover {
    background-color: #cfdaeb !important;
    color: #0a1628 !important;
}

/* Sidebar Order Totals Panel - Unified Card */
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    box-sizing: border-box !important;
    margin-bottom: 24px !important;
}

/* Reset inner stacked wrappers on Cart sidebar to be transparent and borderless */
.wc-block-cart__sidebar .wc-block-components-totals-wrapper {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

/* Add a clean divider line between the coupon form and estimated totals */
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block {
    border-bottom: 1px solid #eff1f4 !important;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
}

.wc-block-cart__totals-title {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: #0a1628 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid #eff1f4 !important;
    padding-bottom: 12px !important;
}

/* Totals items rows */
.wc-block-components-totals-item {
    font-family: "DM Sans", sans-serif !important;
    font-size: 15px !important;
    color: #456793 !important;
    margin-bottom: 14px !important;
}

.wc-block-components-totals-item__label {
    color: #456793 !important;
}

/* Footer Total price row */
.wc-block-components-totals-footer-item {
    border-top: 2px solid #eff1f4 !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0a1628 !important;
}

/* Coupon selector input */
.wc-block-components-totals-coupon__form input {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
}

/* Proceed to checkout button */
.wc-block-cart__submit .wc-block-cart__submit-button {
    width: 100% !important;
    font-size: 16px !important;
    letter-spacing: 1.5px !important;
    padding: 16px 20px !important;
}

/* Empty Cart state custom illustration/button styles */
.wc-block-cart__empty-cart__title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #0a1628 !important;
    margin-bottom: 16px !important;
}

.wc-block-cart__empty-cart__description {
    font-size: 16px !important;
    color: #456793 !important;
    margin-bottom: 24px !important;
}

/* ── WooCommerce Blocks Checkout Styles (.wc-block-checkout) ────────────── */
.wc-block-checkout__main,
.wc-block-checkout__sidebar {
    background-color: transparent !important;
}

/* Section cards inside checkout form */
.wc-block-checkout__main .wc-block-components-sidebar-layout,
.wc-block-checkout__main > div {
    background-color: transparent !important;
}

.wc-block-checkout__main .wc-block-components-sidebar-layout__content,
.wc-block-checkout__main .wc-block-components-checkout-step,
.wc-block-checkout__main .wc-block-checkout__contact-info,
.wc-block-checkout__main .wc-block-checkout__shipping-address,
.wc-block-checkout__main .wc-block-checkout__shipping-option,
.wc-block-checkout__main .wc-block-checkout__billing-address,
.wc-block-checkout__main .wc-block-checkout__payment-method {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    box-sizing: border-box;
}

/* Section titles */
.wc-block-checkout__main h2,
.wc-block-checkout__main h3,
.wc-block-components-title {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #0a1628 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid #eff1f4 !important;
    padding-bottom: 10px !important;
}

/* Checkout Sidebar Summary */
/* Checkout Sidebar Summary Card - Unified Card */
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    box-sizing: border-box !important;
    margin-bottom: 24px !important;
}

/* Reset inner stacked wrappers on Checkout sidebar to be transparent and borderless */
.wc-block-checkout__sidebar .wc-block-components-totals-wrapper {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

/* Add dividers between segments in the order summary card */
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-cart-items-block,
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
    border-bottom: 1px solid #eff1f4 !important;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
}

/* Item details in summary card */
.wc-block-checkout__sidebar .wc-block-components-sidebar-layout__sidebar,
.wc-block-checkout__sidebar .wc-block-components-checkout-order-summary {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.wc-block-components-checkout-order-summary__header {
    border-bottom: 2px solid #eff1f4 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

.wc-block-components-checkout-order-summary__title {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #0a1628 !important;
}

/* Order items rows */
.wc-block-components-checkout-order-summary-list-item {
    font-family: "DM Sans", sans-serif !important;
    border-bottom: 1px solid #eff1f4 !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
}

.wc-block-components-checkout-order-summary-list-item__name {
    font-weight: 700 !important;
    color: #0a1628 !important;
}

/* Form block components spacing */
.wc-block-components-form {
    margin-bottom: 0 !important;
}

.wc-block-components-text-input {
    margin-bottom: 20px !important;
}

/* Checkbox and Radio Options inside checkout */
.wc-block-components-radio-control {
    margin-bottom: 16px !important;
}

.wc-block-components-radio-control__option {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 4px !important;
    background-color: #f7f6f4 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.wc-block-components-radio-control__option:hover {
    border-color: #456793 !important;
    background-color: #ffffff !important;
}

.wc-block-components-radio-control__input:checked + .wc-block-components-radio-control__option {
    border-color: #0a1628 !important;
    background-color: #eff1f4 !important;
}

/* Shipping options */
.wc-block-components-shipping-rates-control {
    border: none !important;
    padding: 0 !important;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control__option {
    background-color: #ffffff !important;
}

/* Payment method block adjustments */
.wc-block-checkout__payment-method .wc-block-components-radio-control__option {
    background-color: #ffffff !important;
}

/* Must Login prompt styling */
.wc-block-must-login-prompt {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 40px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    max-width: 600px;
    margin: 40px auto !important;
}

.wc-block-must-login-prompt p {
    font-size: 16px !important;
    color: #456793 !important;
    margin-bottom: 24px !important;
}

/* Place order button */
.wc-block-checkout__submit button {
    width: 100% !important;
    font-size: 16px !important;
    letter-spacing: 1.5px !important;
    padding: 16px 20px !important;
}

.wc-empty-cart-message{
	    width: 100%;
}

/* ── Compatibility overrides for classic Cart/Checkout shortcodes ───────── */
/* In case the shop owner reverts from blocks to standard shortcodes */

/* Two-column layout for classic Cart on desktop */
@media screen and (min-width: 992px) {
    .woocommerce-cart .woocommerce {
        display: flex !important;
        flex-direction: row !important;
        gap: 0px !important;
        align-items: flex-start !important;
        width: 100% !important;
        box-sizing: border-box !important;
		flex-wrap: wrap;
		padding: 40px 0px;
    }
    
    .woocommerce-cart .woocommerce-cart-form {
        flex: 1 !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-cart .cart-collaterals {
        width: 420px !important;
        flex-shrink: 0 !important;
        margin-top: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
    }
}

/* Classic Cart Table Styling */
.woocommerce-cart .shop_table.cart {
    width: 95% !important;
    border-collapse: collapse !important;
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
}

.woocommerce-cart .shop_table.cart th {
    background-color: #eff1f4 !important;
    color: #0a1628 !important;
    font-weight: 700 !important;
    padding: 16px 20px !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid #cfdaeb !important;
}

.woocommerce-cart .shop_table.cart td {
    padding: 26px 10px !important;
/*     border-bottom: 1px solid #eff1f4 !important; */
    vertical-align: middle !important;
}

.woocommerce-cart .shop_table.cart tr:last-child td {
    border-bottom: none !important;
}

/* Cart Product Details */
.woocommerce-cart .shop_table.cart td.product-thumbnail img {
    max-width: 80px !important;
    height: auto !important;
    background-color: #f7f6f4 !important;
    padding: 0px !important;
    border-radius: 0px !important;
    border: 1px solid #cfdaeb !important;
}

.woocommerce-cart .shop_table.cart td.product-name a {
    color: #0a1628 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    display: inline-block;
    margin-bottom: 4px;
}

.woocommerce-cart .shop_table.cart td.product-name a:hover {
    color: #456793 !important;
}

/* Remove product cross icon */
.woocommerce-cart .shop_table.cart td.product-remove a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.woocommerce-cart .shop_table.cart td.product-remove a.remove:hover {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}

/* Actions row styling (Coupon input + buttons) */
.woocommerce-cart .shop_table.cart td.actions {
    background-color: #f7f6f4 !important;
    padding: 16px 20px !important;
}

.woocommerce-cart .shop_table.cart td.actions .coupon {
    display: inline-flex !important;
    gap: 12px !important;
    align-items: center !important;
    float: left !important;
}

.woocommerce-cart .shop_table.cart td.actions .coupon input#coupon_code {
width: 180px !important;
    padding: 11px 14px !important;
    border-radius: 0px !important;
}

 
 

/* Classic quantity selector as rounded pill */
.woocommerce-cart .quantity input.qty {
    width: 60px !important;
    height: 38px !important;
    padding: 0 10px !important;
    text-align: center !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 20px !important;
    background-color: #ffffff !important;
    color: #0a1628 !important;
    font-weight: 700 !important;
    font-family: "DM Sans", sans-serif !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

.woocommerce-cart .quantity input.qty:focus {
    border-color: #456793 !important;
    box-shadow: 0 0 0 3px rgba(69, 103, 147, 0.15) !important;
}

/* Classic Cart Sidebar Totals Card */
.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-cart .cart_totals h2 {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #0a1628 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid #eff1f4 !important;
    padding-bottom: 12px !important;
    text-transform: uppercase;
     
}

.woocommerce-cart .cart_totals table.shop_table_responsive {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 24px !important;
}

.woocommerce-cart .cart_totals table.shop_table_responsive th,
.woocommerce-cart .cart_totals table.shop_table_responsive td {
    padding: 14px 0 !important;
    border-bottom: 1px solid #eff1f4 !important;
    font-size: 15px !important;
}

.woocommerce-cart .cart_totals table.shop_table_responsive th {
    text-align: left !important;
    color: #456793 !important;
    font-weight: 700 !important;
}

.woocommerce-cart .cart_totals table.shop_table_responsive td {
    text-align: right !important;
    color: #0a1628 !important;
    font-weight: 700 !important;
}

.woocommerce-cart .cart_totals table.shop_table_responsive tr.order-total th,
.woocommerce-cart .cart_totals table.shop_table_responsive tr.order-total td {
    border-top: 2px solid #eff1f4 !important;
    border-bottom: none !important;
    padding-top: 16px !important;
    font-size: 18px !important;
	  
}
.woocommerce-cart .cart_totals table.shop_table_responsive tr.order-total td{
	  background: transparent;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
   line-height: 1.15;
    width: 100% !important;
	    margin-bottom: 0 !important;

     
}

/* Two-column layout for classic Checkout page on desktop */
@media screen and (min-width: 992px) {
    .checkout-layout-wrapper {
        display: flex !important;
        flex-direction: row !important;
        gap: 48px !important;
        align-items: flex-start !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .checkout-column-left {
        flex: 1 !important;
        box-sizing: border-box !important;
    }
    
    .checkout-column-right {
        width: 420px !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }
}

/* Billing and Shipping info cards */
.woocommerce-checkout .checkout-column-left .col-1,
.woocommerce-checkout .checkout-column-left .col-2 {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 36px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    float: none !important;
}

/* Unified Checkout Order Summary Card */
.checkout-order-summary-card {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04) !important;
    box-sizing: border-box !important;
    margin-bottom: 24px !important;
}

.checkout-order-summary-card #order_review_heading {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #0a1628 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid #eff1f4 !important;
    padding-bottom: 12px !important;
 
}

/* Reset inner stacked items inside review block */
.woocommerce-checkout #order_review {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
}

.woocommerce-checkout table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 24px !important;
}

.woocommerce-checkout table.shop_table th {
    padding: 12px 0 !important;
    text-align: left !important;
    color: #456793 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #eff1f4 !important;
}

.woocommerce-checkout table.shop_table td {
    padding: 12px 0 !important;
    text-align: right !important;
    color: #0a1628 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #eff1f4 !important;
}

.woocommerce-checkout table.shop_table tr.cart_item td {
    text-align: left !important;
}

.woocommerce-checkout table.shop_table tr.cart_item td.product-total {
    text-align: right !important;
}

.woocommerce-checkout table.shop_table tr.order-total th,
.woocommerce-checkout table.shop_table tr.order-total td {
    border-top: 2px solid #eff1f4 !important;
    border-bottom: none !important;
    padding-top: 16px !important;
    font-size: 18px !important;
}

/* Classic Payment Gateways styling */
.woocommerce-checkout #payment {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 20px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #eff1f4 !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
    padding-left: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    margin-bottom: 14px !important;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
    margin-right: 10px !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    font-weight: 700 !important;
    color: #0a1628 !important;
    cursor: pointer !important;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #f7f6f4 !important;
    color: #456793 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    margin-top: 8px !important;
    border: 1px solid #cfdaeb !important;
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none !important;
}

.woocommerce-checkout #place_order {
    width: 100% !important;
     margin-top: 20px;
}

.woocommerce-checkout #shiptobilling {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.woocommerce-checkout #shiptobilling label {
    font-size: 14px !important;
    color: #0a1628 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-transform: none !important;
}

/* ==========================================================================
   SALTANDPOD — Premium redone details for Cart, Checkout & Account
   ========================================================================== */

/* ── Cart Page Enhancements ────────────────────────────────────────────── */

/* Product metadata list container - Blocks Flex Layout */
.wc-block-components-product-details__metadata {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wc-block-components-product-details__metadata-item {
    display: inline-block !important;
    font-size: 11px !important;
    background-color: #eff1f4 !important;
    color: #456793 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

/* Classic variation lists - Grid layout for line-by-line display */
.woocommerce-table dl.variation, .shop_table dl.variation {
/*     display: grid !important;
    grid-template-columns: 1fr 1fr !important; */
    gap: 8px !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    align-items: center !important;
    list-style: none !important;
	     
}

.woocommerce-table dl.variation dt,
.shop_table dl.variation dt {
    grid-column: 1 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #0a1628 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
	    width: 100%;
}

.woocommerce-table dl.variation dd,
.shop_table dl.variation dd {
    grid-column: 2 !important;
    font-size: 11px !important;
    background-color: #eff1f4 !important;
    color: #456793 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
  
margin: 0px  0px 10px !important;
}

.checkout-layout-wrapper .shop_table dl.variation dd {
	
	margin: 6px 0px 10px !important; 
}

.woocommerce-table dl.variation dd p,
.shop_table dl.variation dd p {
margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

/* Premium Classic Quantity Selector with Plus/Minus buttons */
.woocommerce-cart .quantity.quantity-selector,
.woocommerce-checkout .quantity.quantity-selector {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #cfdaeb !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
    height: 38px !important;
    width: 110px !important;
    box-sizing: border-box !important;
}

.woocommerce-cart .quantity.quantity-selector .qty-btn,
.woocommerce-checkout .quantity.quantity-selector .qty-btn {
    width: 32px !important;
    height: 100% !important;
    background-color: #f7f6f4 !important;
    color: #456793 !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
}

.woocommerce-cart .quantity.quantity-selector .qty-btn:hover,
.woocommerce-checkout .quantity.quantity-selector .qty-btn:hover {
    background-color: #eff1f4 !important;
    color: #0a1628 !important;
}

.woocommerce-cart .quantity.quantity-selector input.qty,
.woocommerce-checkout .quantity.quantity-selector input.qty {
    flex: 1 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    font-weight: 700 !important;
    color: #0a1628 !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
    outline: none !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.woocommerce-cart .quantity.quantity-selector input.qty::-webkit-outer-spin-button,
.woocommerce-cart .quantity.quantity-selector input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce-cart .quantity.quantity-selector input.qty {
    -moz-appearance: textfield;
}

/* Premium pill-shaped quantity selector */
.wc-block-cart-item__quantity .wc-block-components-quantity-selector {
    border: 1px solid #cfdaeb !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    height: 38px !important;
    max-width: 110px !important;
}

.wc-block-cart-item__quantity input.wc-block-components-quantity-selector__input {
    font-weight: 700 !important;
    color: #0a1628 !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
}

.wc-block-components-quantity-selector__button {
    background-color: #f7f6f4 !important;
    color: #456793 !important;
    font-weight: 700 !important;
    width: 32px !important;
    transition: all 0.2s ease !important;
}

.wc-block-components-quantity-selector__button:hover {
    background-color: #eff1f4 !important;
    color: #0a1628 !important;
}

/* Remove item button styling */
.wc-block-cart-item__remove-link {
    color: #a0aec0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.wc-block-cart-item__remove-link:hover {
    color: #dc2626 !important;
}

/* ── Checkout Page Step Numbers ────────────────────────────────────────── */

/* Add steps counters using CSS variables */
.wc-block-checkout__main,
.woocommerce-checkout form.checkout {
    counter-reset: checkout-section;
}

.wc-block-checkout__main h2,
.wc-block-checkout__main h3,
.woocommerce-checkout form.checkout h3 {
    counter-increment: checkout-section;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
	padding-bottom: 10px;
}

.wc-block-checkout__main h2::before,
.wc-block-checkout__main h3::before,
.woocommerce-checkout form.checkout h3::before {
    content: "0" counter(checkout-section) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #cfdaeb !important;
    color: #0a1628 !important;
    font-size: 12px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    font-weight: 700 !important;
    font-family: "DM Sans", sans-serif !important;
    flex-shrink: 0;
}

/* ── My Account Page Enhancements ──────────────────────────────────────── */

/* Status pill badges for orders table */
.woocommerce-orders-table__cell-order-status,
.woocommerce-status-pill,
mark.order-status {
    display: inline-flex !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-family: "DM Sans", sans-serif !important;
    line-height: 1 !important;
    border: none !important;
}

/* Status colors mapping */
.woocommerce-orders-table__cell-order-status.status-completed,
.woocommerce-orders-table__cell-order-status.completed,
mark.order-status.completed {
    background-color: #ecfdf5 !important;
    color: #065f46 !important;
}

.woocommerce-orders-table__cell-order-status.status-processing,
.woocommerce-orders-table__cell-order-status.processing,
mark.order-status.processing {
    background-color: #eff6ff !important;
    color: #1e40af !important;
}

.woocommerce-orders-table__cell-order-status.status-on-hold,
.woocommerce-orders-table__cell-order-status.on-hold,
mark.order-status.on-hold {
    background-color: #fffbeb !important;
    color: #92400e !important;
}

.woocommerce-orders-table__cell-order-status.status-pending,
.woocommerce-orders-table__cell-order-status.pending,
mark.order-status.pending {
    background-color: #fef3c7 !important;
    color: #d97706 !important;
}

.woocommerce-orders-table__cell-order-status.status-failed,
.woocommerce-orders-table__cell-order-status.failed,
mark.order-status.failed,
.woocommerce-orders-table__cell-order-status.status-cancelled,
.woocommerce-orders-table__cell-order-status.cancelled,
mark.order-status.cancelled {
    background-color: #fef2f2 !important;
    color: #991b1b !important;
}

/* Premium address cards */
.woocommerce-Address {
    background-color: #ffffff !important;
    border: 1px solid #cfdaeb !important;
    border-radius: 8px !important;
    padding: 28px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.03) !important;
    box-sizing: border-box;
}

.woocommerce-Address-title {
    border-bottom: 2px solid #eff1f4 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{
	    padding: 0;
}

@media only screen and (max-width: 1366px){
	
	.woocommerce-cart .cart-collaterals{
		        width: 30% !important;
	}
	
	.woocommerce-table dl.variation dd, .shop_table dl.variation dd{
		    grid-column: 1 !important;
	}
	
}


@media only screen and (max-width: 1199px){
	
	.woocommerce-cart .shop_table.cart{
		    width: 100% !important;
	}
	
	    .woocommerce-cart .cart-collaterals {
        width: 100% !important;
    }
	
	.checkout-layout-wrapper{
		        gap: 20px !important;
	}
	
	.woocommerce-table dl.variation, .shop_table dl.variation{
		    display: flex;
    flex-direction: column;
		align-items: flex-start !important;
	}
	
	.woocommerce-table dl.variation dd, .shop_table dl.variation dd{
		    margin: 0 !important;
	}
	
}


@media only screen and (max-width: 768px){
	.woocommerce-cart .shop_table.cart td{
        padding: 14px 14px !important;
	}
	
	.woocommerce-cart .shop_table.cart td.actions .coupon{
		    gap: 0px !important;
		width: 100%;
	}
	
	.woocommerce table.shop_table_responsive tr td.product-name{
		text-align: left !important;
	}
	
	.woocommerce-cart .cart-collaterals .cart_totals{
		    padding: 30px 20px !important;
	}
	
	.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notices__snackbar{
		flex-wrap: wrap;
	}
	
	.woocommerce-checkout .checkout-column-left .col-1, .woocommerce-checkout .checkout-column-left .col-2,
	.checkout-order-summary-card{
		padding: 20px 12px !important;
	}
	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
}
	.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after{
		display: none !important;
	}
	
	.wc-block-checkout__main h2, .wc-block-checkout__main h3, .woocommerce-checkout form.checkout h3{
		margin-bottom: 16px;
	}
	
	.checkout-order-summary-card #order_review_heading{
		    margin-bottom: 16px !important;
		    padding-bottom: 0px !important;
		    border: none !important;
	}
	
	p{
		    font-size: 15px;
}
	
	.woocommerce-table dl.variation, .shop_table dl.variation{
		    grid-template-columns: 1fr !important;
	}
	
	
	.woocommerce-message::before{
		display: none;
	}
	.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notices__snackbar{
		    margin-bottom: 16px !important;
		padding: 12px 16px !important;   
		gap: 9px;
	}
	
	.woocommerce .input-text, .woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="password"], .woocommerce input[type="tel"], .woocommerce select, .woocommerce textarea, .wc-block-components-text-input input, .wc-block-components-combobox input, .wc-block-components-combobox select{
		    padding: 11px 12px !important;
	}
	
}


@media only screen and (max-width: 575px){
	
	.woocommerce-cart .shop_table.cart td.actions .coupon{
		    gap: 10px !important;
		width: 100%;
	}
	
	    .woocommerce-cart .shop_table.cart td {
        padding:   12px !important;
    }
	
	.woocommerce-cart .shop_table.cart td.actions .coupon{
		    align-items: flex-start !important;
		    flex-direction: column;
	}
	
	.woocommerce-page table.cart td.actions .coupon .button{
		width: auto !important;
	}
	
	.woocommerce-cart .shop_table.cart td.actions{
		    padding: 16px 12px !important;
	}
	
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce, .woocommerce-account.logged-in .woocommerce, .woocommerce-account.logged-out .u-columns.col2-set{
		    margin: 40px auto !important;
	}
	
	.woocommerce-cart .cart-collaterals .cart_totals{
		    padding: 22px 12px !important;
	}
}

/* ── Order Received (Thank You) Page ────────────────────────────────────── */

/* Notice text */   
.woocommerce-thankyou-order-received {
    display: block;
    background: #0a1628 !important;
    color: #eff1f4 !important;
    padding: 18px 24px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 36px !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.08) !important;
}

/* Overview List (Order #, Date, etc.) */
.woocommerce-order ul.woocommerce-order-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #cfdaeb;
    border-radius: 8px;
    padding: 24px 30px;
    margin-bottom: 40px;
    list-style: none;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04);
}

.woocommerce-order ul.woocommerce-order-overview li {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #eff1f4;
    padding-right: 20px;
    margin-right: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #456793;
    letter-spacing: 0.5px;
}

.woocommerce-order ul.woocommerce-order-overview li:last-child {
    border-right: none;
    padding-right: 0;
}

.woocommerce-order ul.woocommerce-order-overview li strong {
    text-transform: none;
    font-size: 16px;
    color: #0a1628;
    margin-top: 6px;
}

/* Headings */
.woocommerce-order h2 {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #0a1628 !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #eff1f4;
    padding-bottom: 12px;
}

/* Order Details Table */
.woocommerce-order table.woocommerce-table--order-details {
    width: 100%;
    background: #ffffff;
    border: 1px solid #cfdaeb;
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04);
}

.woocommerce-order table.woocommerce-table--order-details th,
.woocommerce-order table.woocommerce-table--order-details td {
    padding: 18px 24px !important;
    border-bottom: 1px solid #eff1f4;
    text-align: left !important;
}

.woocommerce-order table.woocommerce-table--order-details thead th {
    background-color: #eff1f4;
    color: #0a1628;
    font-size: 13.5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.woocommerce-order table.woocommerce-table--order-details tbody td.woocommerce-table__product-name {
    font-weight: 600;
    color: #0a1628;
 

}

.woocommerce-order table.woocommerce-table--order-details tbody td.woocommerce-table__product-name a {
    color: #0a1628;
    text-decoration: none;
}

.woocommerce-order table.woocommerce-table--order-details tbody td.woocommerce-table__product-name a:hover {
    color: #456793;
}

.woocommerce-order table.woocommerce-table--order-details tbody td.woocommerce-table__product-total {
    font-weight: 700;
    color: #0a1628;
}

/* Table Footer (Subtotal, Tax, Payment Method, Total) */
.woocommerce-order table.woocommerce-table--order-details tfoot th {
    text-align: left !important;
    font-weight: 700;
    color: #456793;
    background: #fdfdfd;

}

.woocommerce-order table.woocommerce-table--order-details tfoot td {
    font-weight: 700;
    color: #0a1628;
    background: #fdfdfd;
}

.woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child td {
    border-bottom: none;
    background: #eff1f4;
    font-size: 18px;
    color: #0a1628;
}

/* Customer Details (Billing/Shipping Address) */
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woocommerce-customer-details .col2-set .col-1,
.woocommerce-order .woocommerce-customer-details .col2-set .col-2 {
    background: #ffffff;
    border: 1px solid #cfdaeb;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.04);
    margin-bottom: 40px;
}

.woocommerce-order .woocommerce-customer-details .col2-set {
    display: flex;
    gap: 30px;
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
}

.woocommerce-order .woocommerce-customer-details .col2-set .col-1,
.woocommerce-order .woocommerce-customer-details .col2-set .col-2 {
    flex: 1;
    margin-bottom: 0;
}

.woocommerce-order .woocommerce-customer-details h2 {
    font-size: 20px !important;
    margin-bottom: 16px !important;
}

.woocommerce-order .woocommerce-customer-details address {
    font-style: normal;
    font-size: 15px;
    line-height: 1.6;
    color: #456793;
    border: none;
    padding: 0;
}

.woocommerce-order .woocommerce-customer-details address p {
    margin: 0;
    color: #456793;
}

/* Mobile Adjustments for Order Received */
@media only screen and (max-width: 768px) {
    .woocommerce-order ul.woocommerce-order-overview {
        flex-direction: column;
        gap: 16px;
        padding: 20px;
    }
    
    .woocommerce-order ul.woocommerce-order-overview li {
        border-right: none;
        border-bottom: 1px solid #eff1f4;
        padding-right: 0;
        padding-bottom: 12px;
    }
    
    .woocommerce-order ul.woocommerce-order-overview li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .woocommerce-order .woocommerce-customer-details {
        flex-direction: column;
        gap: 20px;
    }
    
    .woocommerce-order table.woocommerce-table--order-details th,
    .woocommerce-order table.woocommerce-table--order-details td {
        padding: 14px 16px;
    }
}