/*
Theme Name: StyleWithJhumur Theme
Theme URI: http://robeto.novaworks.net
Description: Made by <a href="https://learnedstudio.com/" target="_blank">LearnEd Studio</a>.<br/> Get support from <a href="mailto:support@learnedstudio.com">our support email</a>.
Author: Learned Studio
Author URI: https://learnedstudio.com
Template: robeto
Version: 1.0
*/

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

.swjHeader .kitify-nova-menu .main-navigation .nav-menu > li > a {
    color: #2B2B2B !important;
}

.swjHeader .kitify-blocks-icon svg {
    color: var(--site-link-color) !important;
}
.swjHeader .kitify-blocks-icon svg:hover {
    color: var(--site-accent-color) !important;
}
.swjHeader .kitify-blocks-icon{
    color: var(--site-link-color) !important;
}
.woocommerce-checkout.page-header-center .page-header-content,.woocommerce-checkout.page-header-center .page-header-content h1,.woocommerce-cart.page-header-center .page-header-content h1{
	text-align:center!important;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained {
    background-color: var(--site-primary-button-color);
    padding: 0.9375rem 2.8125rem !important;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1.38px;
    border-width: 1px;
    font-weight: 600;
    width: max-content !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained:hover{
	background-color: var(--site-secondary-button-color);
}
.wc-block-checkout__actions .wc-block-checkout__actions_row--justify-flex-end {
    justify-content: flex-start!important;
}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button{
	padding: 0.9375rem 2.8125rem !important;
}
button.show-password-input {
    display: none;
}

/* Product */
/* .woocommerce-product-gallery__image a img {
    width: 100%;
    height: 100%;
    display: block;
} */
.single-product .product .cart .quantity {
    order: 1;
}
.kitify-toggle-sidebar.kitify-active-sidebar-toggle .kitify-toggle-sidebar__container {
    padding-top: 80px !important;
}
.kitify-toggle-sidebar.kitify-active-sidebar-toggle .kitify-toggle-sidebar__container .kitify-toggle-sidebar__inner{
    padding-right: 20px!important;
}
/****************************************************************/

/* =========================================================
   SWJ MOBILE CART
   WooCommerce Existing HTML Structure
   ========================================================= */

@media only screen and (max-width: 767px) {

    /* =====================================================
       CART TABLE RESET
       ===================================================== */

    .woocommerce-cart-form,
    .woocommerce-cart-form .shop_table,
    .woocommerce-cart-form .shop_table tbody {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .woocommerce-cart-form .shop_table {
        border-collapse: collapse !important;
    }

    .woocommerce-cart-form .shop_table thead {
        display: none !important;
    }


    /* =====================================================
       PRODUCT ROW
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item {
        position: relative !important;

        display: grid !important;

        grid-template-columns: 88px 1fr !important;
        grid-template-rows: 30px 32px 44px !important;

        column-gap: 14px !important;

        width: 100% !important;
        height: 120px !important;
        min-height: 120px !important;

        margin: 0 0 20px !important;
        padding: 0 0 20px !important;

        border: 0 !important;
        border-bottom: 1px solid #A8A8A8!important;

        box-sizing: content-box !important;
    }
  .woocommerce .woocommerce-cart-form .shop_table tbody tr.cart_item:has(+ tr:not(.cart_item)) {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}
    .woocommerce-cart-form .shop_table tbody tr.cart_item + tr.cart_item {
        padding-top: 0 !important;
    }


    /* =====================================================
       RESET ALL TABLE CELL BEHAVIOUR
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item > td {
        position: static !important;

        display: block !important;

        float: none !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

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

        border: 0 !important;

        background: transparent !important;

        text-align: left !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       REMOVE WOOCOMMERCE DATA-TITLE LABELS
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item td::before,
    .woocommerce-cart-form .shop_table tbody tr.cart_item td::after {
        display: none !important;
        content: none !important;
    }


    /* =====================================================
       PRODUCT IMAGE
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / 4 !important;

        display: block !important;

        width: 88px !important;
        height: 120px !important;

        overflow: hidden !important;

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

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail a {
        display: block !important;

        width: 88px !important;
        height: 120px !important;

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

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail img {
        display: block !important;

        width: 88px !important;
        height: 120px !important;

        max-width: none !important;

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

        object-fit: cover !important;
        object-position: center !important;
    }


    /* =====================================================
       PRODUCT NAME
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-name {
        grid-column: 2 !important;
        grid-row: 1 !important;

        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;

        width: 100% !important;
        height: 30px !important;

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

        text-align: left !important;
    }

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-name > a:first-child {
        display: block !important;

        width: auto !important;
        max-width: calc(100% - 60px) !important;

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

        line-height: 1.4 !important;

        text-align: left !important;

        text-decoration: none !important;
    }


    /* =====================================================
       REMOVE LINK
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-name .remove {
        position: static !important;

        display: block !important;

        float: none !important;

        width: auto !important;
        height: auto !important;

        margin: 2px 0 0 5px !important;
        padding: 0 !important;

        flex-shrink: 0 !important;

        line-height: 1 !important;

        text-align: right !important;

        text-decoration: underline !important;
    }


    /* =====================================================
       PRICE
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-price {
        grid-column: 2 !important;
        grid-row: 2 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        height: 32px !important;

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

        text-align: left !important;
    }

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-price .amount {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.4 !important;
		        text-align: left !important;
        margin-bottom: 10px !important;
    }


    /* =====================================================
       QUANTITY CELL
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-quantity {
        grid-column: 2 !important;
        grid-row: 3 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        height: 44px !important;

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

        text-align: left !important;
    }


    /* =====================================================
       QUANTITY WRAPPER
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity {
        position: static !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        float: none !important;

        width: 122px !important;
        min-width: 122px !important;
        max-width: 122px !important;

        height: 44px !important;

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

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       RESET QUANTITY CHILDREN
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity > * {
        position: static !important;

        float: none !important;

        transform: none !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /* =====================================================
       MINUS BUTTON
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity .qty-button.dec {
        position: static !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        order: 1 !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 44px !important;
        min-height: 44px !important;

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

        border: 1px solid !important;
        border-right: 0 !important;

        box-sizing: border-box !important;

        line-height: 1 !important;

        cursor: pointer !important;
    }


    /* =====================================================
       QUANTITY INPUT
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity .qty {
        position: static !important;

        display: block !important;

        order: 2 !important;

        flex: 0 0 42px !important;

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

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

        border-radius: 0 !important;

        box-sizing: border-box !important;

        text-align: center !important;

        -moz-appearance: textfield !important;
    }

    .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity .qty::-webkit-inner-spin-button,
    .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity .qty::-webkit-outer-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }


    /* =====================================================
       PLUS BUTTON
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity .qty-button.inc {
        position: static !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        order: 3 !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 44px !important;
        min-height: 44px !important;

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

        border: 1px solid !important;
        border-left: 0 !important;

        box-sizing: border-box !important;

        line-height: 1 !important;

        cursor: pointer !important;
    }


    /* =====================================================
       PRODUCT SUBTOTAL
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr.cart_item .product-subtotal {
        display: none !important;
    }


    /* =====================================================
       UPDATE CART ROW
       ===================================================== */

    .woocommerce-cart-form .shop_table tbody tr:not(.cart_item) {
        display: block !important;

        width: 100% !important;

        margin: 20px 0 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }

    .woocommerce-cart-form .shop_table tbody tr:not(.cart_item) td.actions {
        display: block !important;

        width: 100% !important;

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

        border: 0 !important;

        text-align: left !important;
    }

    .woocommerce-cart-form .shop_table tbody tr:not(.cart_item) .button {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 122px !important;

        height: 38px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        box-sizing: border-box !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /* =====================================================
       SMALL MOBILE
       ===================================================== */

    @media only screen and (max-width: 380px) {

        .woocommerce-cart-form .shop_table tbody tr.cart_item {
            grid-template-columns: 78px minmax(0, 1fr) !important;
            column-gap: 12px !important;

            height: 108px !important;
            min-height: 108px !important;
        }

        .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail,
        .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail a,
        .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail img {
            width: 78px !important;
            height: 108px !important;
        }
    }


    /* =====================================================
       VERY SMALL MOBILE
       ===================================================== */

    @media only screen and (max-width: 340px) {

        .woocommerce-cart-form .shop_table tbody tr.cart_item {
            grid-template-columns: 70px minmax(0, 1fr) !important;
            column-gap: 10px !important;

            height: 98px !important;
            min-height: 98px !important;
        }

        .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail,
        .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail a,
        .woocommerce-cart-form .shop_table tbody tr.cart_item .product-thumbnail img {
            width: 70px !important;
            height: 98px !important;
        }

        .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity {
            width: 108px !important;
            min-width: 108px !important;
        }

        .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity .qty-button.dec,
        .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity .qty-button.inc {
            flex-basis: 35px !important;
            width: 35px !important;
            min-width: 35px !important;
            max-width: 35px !important;
            height: 42px !important;
        }

        .woocommerce-cart-form .shop_table tbody tr.cart_item .quantity .qty {
            flex-basis: 38px !important;
            width: 38px !important;
            min-width: 38px !important;
            max-width: 38px !important;
            height: 42px !important;
        }
    }

}

/* checkout */
/* =========================================================
   Style With Jhumur
   WooCommerce Checkout Block - Final Layout Fix
   Description: Fixes desktop checkout alignment, width,
                spacing and responsive behaviour.
   Dependencies: WooCommerce Checkout Block
   ========================================================= */


/* ---------------------------------------------------------
   1. OUTER WORDPRESS CHECKOUT CONTAINER
--------------------------------------------------------- */

body.woocommerce-checkout .wp-block-columns {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body.woocommerce-checkout .wp-block-columns
.wp-block-column {
    width: 100%;
    max-width: 100%;
}


/* ---------------------------------------------------------
   2. CHECKOUT MAIN CONTAINER
--------------------------------------------------------- */

body.woocommerce-checkout
.wp-block-woocommerce-checkout.wc-block-checkout {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   3. CHECKOUT TWO-COLUMN LAYOUT
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-sidebar-layout {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    gap: 40px;
}


/* ---------------------------------------------------------
   4. LEFT CHECKOUT FORM
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-sidebar-layout
.wc-block-components-main {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   5. RIGHT ORDER SUMMARY
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-sidebar {
    width: calc(30% - 20px) !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   6. CHECKOUT SECTIONS
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-checkout-step {
    margin: 0 0 28px !important;
    padding: 0 !important;
}


/* Heading */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-checkout-step__heading-container {
    margin: 0 0 14px !important;
    padding: 0 !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-checkout-step__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}


/* ---------------------------------------------------------
   7. CONTACT EMAIL
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-address-form__email {
    width: 100% !important;
    margin: 0 !important;
}


/* ---------------------------------------------------------
   8. BILLING ADDRESS
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-address-form {
    width: 100%;
    box-sizing: border-box;
}


/* Desktop billing grid */

@media (min-width: 700px) {

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    /* Country */

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form__country {
        flex: 0 0 100% !important;
        width: 100% !important;
        margin-top: 0 !important;
    }

    /* First + Last name */

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form__first_name,

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form__last_name {
        flex: 1 1 calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        min-width: 0 !important;
        margin-top: 0 !important;
    }

    /* Address */

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form__address_1 {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    /* Apartment */

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form__address_2-toggle {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    /* City + State */

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form__city,

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-state-input {
        flex: 1 1 calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        min-width: 0 !important;
    }

    /* PIN + Phone */

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form__postcode,

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form__phone {
        flex: 1 1 calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        min-width: 0 !important;
    }
}


/* ---------------------------------------------------------
   9. FORM INPUTS
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-text-input {
    margin-top: 0 !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-text-input input {
    width: 100% !important;
    min-height: 50px !important;
    box-sizing: border-box;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-blocks-components-select {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-blocks-components-select__container {
    width: 100% !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-blocks-components-select__select {
    width: 100% !important;
    height: 50px !important;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   10. ORDER SUMMARY
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wp-block-woocommerce-checkout-order-summary-block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 5px !important;
    box-sizing: border-box;
    overflow: hidden;
}


/* Order summary heading */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-checkout-order-summary__title {
    margin: 0 !important;
    padding: 18px 16px !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-checkout-order-summary__title-text {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}


/* ---------------------------------------------------------
   11. PRODUCTS
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-order-summary-item {
    padding: 12px 16px !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-order-summary-item__image {
    flex-shrink: 0;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-order-summary-item__image img {
    width: 48px !important;
    height: 58px !important;
    object-fit: cover !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-product-name {
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-product-metadata {
    margin-top: 4px !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-product-metadata__description {
    font-size: 12px !important;
    line-height: 1.4 !important;
}


/* ---------------------------------------------------------
   12. SUBTOTAL / TOTAL
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wp-block-woocommerce-checkout-order-summary-totals-block {
    border-top: 1px solid #d5d5d5 !important;
    padding: 0 !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-totals-item {
    padding: 14px 16px !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-totals-footer-item {
    border-top: 1px solid #d5d5d5 !important;
    padding: 18px 16px !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,

body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    font-size: 20px !important;
    font-weight: 500 !important;
}


/* ---------------------------------------------------------
   13. PAYMENT
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-checkout__payment-method {
    margin-bottom: 28px !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-radio-control {
    width: 100%;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-radio-control-accordion-option {
    border: 1px solid #333 !important;
    border-radius: 4px !important;
    overflow: hidden;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-radio-control__option {
    padding: 16px 16px 16px 48px !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-radio-control-accordion-content {
    padding: 0 16px 16px 48px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* ---------------------------------------------------------
   14. ORDER NOTE
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-checkout__order-notes {
    margin-bottom: 24px !important;
}


/* ---------------------------------------------------------
   15. TERMS
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-checkout__terms {
    margin: 0 0 22px !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid #ddd !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}


/* ---------------------------------------------------------
   16. PLACE ORDER
--------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout
.wc-block-checkout__actions {
    margin-bottom: 30px !important;
}


body.woocommerce-checkout
.wc-block-checkout
.wc-block-components-checkout-place-order-button {
    width: 100% !important;
    min-height: 54px !important;
    padding: 15px 24px !important;
    border-radius: 0 !important;
}


/* ---------------------------------------------------------
   17. LARGE DESKTOP
--------------------------------------------------------- */

@media (min-width: 1301px) {

    body.woocommerce-checkout
    .wp-block-woocommerce-checkout.wc-block-checkout {
        max-width: 1240px !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-sidebar-layout {
        gap: 48px !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-sidebar-layout
    .wc-block-components-main {
        width: calc(70% - 24px) !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-sidebar {
        width: calc(30% - 24px) !important;
    }
}


/* ---------------------------------------------------------
   18. TABLET
--------------------------------------------------------- */

@media (max-width: 1024px) and (min-width: 700px) {

    body.woocommerce-checkout
    .wp-block-woocommerce-checkout.wc-block-checkout {
        padding-left: 20px;
        padding-right: 20px;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-sidebar-layout {
        gap: 24px !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-sidebar-layout
    .wc-block-components-main {
        width: calc(65% - 12px) !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-sidebar {
        width: calc(35% - 12px) !important;
    }
}


/* ---------------------------------------------------------
   19. MOBILE
--------------------------------------------------------- */

@media (max-width: 699px) {

    body.woocommerce-checkout
    .wp-block-woocommerce-checkout.wc-block-checkout {
        padding-left: 15px;
        padding-right: 15px;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-sidebar-layout {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 25px !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-main,

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wc-block-components-address-form > * {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    body.woocommerce-checkout
    .wc-block-checkout
    .wp-block-woocommerce-checkout-order-summary-block {
        margin: 0 !important;
    }
}

/* Thank you Page */
/* =========================================================
   Style With Jhumur
   WooCommerce Thank You / Order Received Page
   Description: Premium boutique-style order confirmation UI
   Dependencies: WooCommerce default Thank You markup
   ========================================================= */


/* ---------------------------------------------------------
   1. PAGE CONTAINER
--------------------------------------------------------- */
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    width: 100% !important;
}
body.woocommerce-order-received
.woocommerce-order {

    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 55px 20px 80px;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   2. SUCCESS MESSAGE
--------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-notice--success {

    position: relative;

    max-width: 820px;

    margin: 0 auto 40px !important;
    padding: 30px 35px 30px 75px !important;

    background: #FAF8F5;

    border: 1px solid #e8ded5;
    border-radius: 8px;

    color: #555;

    font-size: 15px;
    line-height: 1.7;

    text-align: left;
}


/* Success check icon */

body.woocommerce-order-received
.woocommerce-notice--success::before {

    content: "✓";

    position: absolute;

    left: 28px;
    top: 50%;

    width: 32px;
    height: 32px;

    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #a9cb52;

    color: #fff;

    font-size: 17px;
    font-weight: 600;
}


/* ---------------------------------------------------------
   3. ORDER OVERVIEW
--------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-overview {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 15px;

    margin: 0 0 55px !important;
    padding: 0 !important;

    list-style: none;

    border: 0 !important;
}


/* Individual overview cards */

body.woocommerce-order-received
.woocommerce-order-overview li {

    margin: 0 !important;
    padding: 22px 20px !important;

    background: #fff;

    border: 1px solid #e5dfda;
    border-radius: 7px;

    box-sizing: border-box;
font-size: 12px !important;
    line-height: 1.5 !important;

    text-align: left;
	    flex: 1;
}


/* Remove WooCommerce separators */

body.woocommerce-order-received
.woocommerce-order-overview li::before,
body.woocommerce-order-received
.woocommerce-order-overview li::after {

    display: none !important;
}


/* Labels */

body.woocommerce-order-received
.woocommerce-order-overview li strong {

    display: block;

    margin-top: 8px;

    color: #333;

    font-size: 16px;
    font-weight: 500;
}


/* ---------------------------------------------------------
   4. SECTION HEADINGS
--------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-details__title,
body.woocommerce-order-received
.woocommerce-column__title {

    margin: 0 0 22px !important;

    color: #176b6b;

    font-size: 22px !important;
    font-weight: 500 !important;

    line-height: 1.4;
}


/* ---------------------------------------------------------
   5. ORDER DETAILS CARD
--------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-details {

    margin: 0 0 45px !important;

    padding: 28px;

    background: #fff;

    border: 1px solid #e5dfda;
    border-radius: 8px;

    box-sizing: border-box;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
}


/* ---------------------------------------------------------
   6. ORDER TABLE
--------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-table--order-details {

    width: 100% !important;

    margin: 0 !important;

    border-collapse: collapse !important;

    border: 0 !important;

    font-size: 14px;
}


/* Table header */

body.woocommerce-order-received
.woocommerce-table--order-details thead th {

    padding: 15px 12px !important;

    background: #FAF8F5;

    border: 0 !important;

    color: #555;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}


/* Product row */

body.woocommerce-order-received
.woocommerce-table--order-details tbody td {

    padding: 20px 12px !important;

    border-bottom: 1px solid #eee !important;

    color: #555;

    vertical-align: middle;
}


/* Product name */

body.woocommerce-order-received
.woocommerce-table--order-details
.product-name {

    text-align: left;
}


/* Product link */

body.woocommerce-order-received
.woocommerce-table--order-details
.product-name a {

    color: #176b6b;

    font-weight: 500;

    text-decoration: none;
}


/* Quantity */

body.woocommerce-order-received
.woocommerce-table--order-details
.product-quantity {

    color: #999;

    font-size: 13px;

    font-weight: 400;
}


/* Product total */

body.woocommerce-order-received
.woocommerce-table--order-details
.product-total {

    text-align: right;

    white-space: nowrap;
}


/* ---------------------------------------------------------
   7. ORDER TOTALS
--------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr {

    border: 0 !important;
}


body.woocommerce-order-received
.woocommerce-table--order-details tfoot th,
body.woocommerce-order-received
.woocommerce-table--order-details tfoot td {

    padding: 12px !important;

    border: 0 !important;

    color: #555;

    font-size: 14px;

    text-align: right;
}


body.woocommerce-order-received
.woocommerce-table--order-details tfoot th {

    font-weight: 500;

    text-align: right;
}


/* Total row */

body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {

    padding-top: 18px !important;

    color: #176b6b;

    font-size: 17px;

    font-weight: 600;
}


/* ---------------------------------------------------------
   8. REMOVE DUPLICATE PAYMENT METHOD
--------------------------------------------------------- */

/*
   Payment method is already displayed in the overview card.
   Removing the duplicate footer row keeps the confirmation
   page cleaner and avoids repeating the same information.
*/

body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child {

    display: none;
}


/* ---------------------------------------------------------
   9. BILLING ADDRESS CARD
--------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-customer-details {

    margin: 0 !important;

    padding: 28px;

    background: #FAF8F5;

    border: 1px solid #e8ded5;
    border-radius: 8px;

    box-sizing: border-box;
}


/* Address */

body.woocommerce-order-received
.woocommerce-customer-details address {

    margin: 0 !important;

    padding: 0 !important;

    color: #555;

    font-size: 14px;

    font-style: normal;

    line-height: 1.8;
}


/* Email */

body.woocommerce-order-received
.woocommerce-customer-details--email {

    margin: 14px 0 0 !important;

    padding-top: 14px;

    border-top: 1px solid #e3d9d0;

    color: #176b6b;

    font-size: 13px;
}


/* ---------------------------------------------------------
   10. LINKS
--------------------------------------------------------- */

body.woocommerce-order-received
.woocommerce-order-details a:hover {

    color: #a9cb52;
}


/* ---------------------------------------------------------
   11. DESKTOP SPACING
--------------------------------------------------------- */

@media (min-width: 1025px) {

    body.woocommerce-order-received
    .woocommerce-order {

        padding-top: 65px;
    }

    body.woocommerce-order-received
    .woocommerce-customer-details {

        max-width: 520px;
    }
}


/* ---------------------------------------------------------
   12. TABLET
--------------------------------------------------------- */

@media (max-width: 900px) and (min-width: 601px) {

    body.woocommerce-order-received
    .woocommerce-order-overview {

        grid-template-columns: repeat(2, 1fr);
    }
}


/* ---------------------------------------------------------
   13. MOBILE
--------------------------------------------------------- */

@media (max-width: 600px) {

    body.woocommerce-order-received
    .woocommerce-order {

        padding: 35px 15px 55px;
    }


    /* Success message */

    body.woocommerce-order-received
    .woocommerce-notice--success {

        margin-bottom: 30px !important;

        padding: 24px 20px 24px 60px !important;

        font-size: 13px;

        line-height: 1.6;
    }


    body.woocommerce-order-received
    .woocommerce-notice--success::before {

        left: 18px;
    }


    /* Overview */

    body.woocommerce-order-received
    .woocommerce-order-overview {

        grid-template-columns: repeat(2, 1fr);

        gap: 10px;

        margin-bottom: 35px !important;
    }


    body.woocommerce-order-received
    .woocommerce-order-overview li {

        min-height: 95px;

        padding: 17px 14px !important;
    }


    body.woocommerce-order-received
    .woocommerce-order-overview li strong {

        font-size: 14px;
    }


    /* Section headings */

    body.woocommerce-order-received
    .woocommerce-order-details__title,
    body.woocommerce-order-received
    .woocommerce-column__title {

        font-size: 19px !important;
    }


    /* Order card */

    body.woocommerce-order-received
    .woocommerce-order-details {

        padding: 18px;

        margin-bottom: 30px !important;

        overflow-x: auto;
    }


    /* Billing */

    body.woocommerce-order-received
    .woocommerce-customer-details {

        padding: 20px;
    }
}


/* ---------------------------------------------------------
   14. VERY SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 380px) {

    body.woocommerce-order-received
    .woocommerce-order-overview {

        grid-template-columns: 1fr;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li {

        min-height: auto;
    }
}