/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Header Icon CSS */
.elementor-menu-cart__toggle .elementor-button,
.elementor-menu-cart__toggle .elementor-button:hover,
.pswp--open button,
.pswp--open button:hover,
.password-input .show-password-input,
.password-input .show-password-input:hover {
    background-color: transparent;
}

.wd-search-form .searchform .searchsubmit {
	background: #000000;
}

/*cart css*/
td.product-thumbnail img {
    min-width: 80px;
    max-width: 80px;
    border-radius: calc(var(--wd-brd-radius) / 1.5);
}

div.quantity input[type="button"] {
    padding: 0 5px;
    min-width: 25px;
    min-height: unset;
    height: var(--wd-form-height);
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    background: var(--wd-form-bg);
    box-shadow: none;
}

div.quantity input[type="number"] {
    width: 30px;
    border-radius: 0;
    border-right: none;
    border-left: none;
}

.cart-totals-inner .checkout-button {
    color: var(--btn-accented-color);
    background-color: var(--btn-accented-bgcolor);
}

.cart-totals-inner .checkout-button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover);
}

@media (max-width: 768.98px) {
    .shop_table_responsive {
        display:block
    }

    .shop_table_responsive :is(thead,th) {
        display: none
    }

    .shop_table_responsive :is(tbody,tfoot) {
        display: block
    }

    .shop_table_responsive tr {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--brdcolor-gray-300)
    }

    .shop_table_responsive tr:last-child {
        margin-bottom: 0
    }

    .shop_table_responsive td {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
        padding: 0;
        border-bottom: none
    }

    .shop_table_responsive td:not(:last-child) {
        padding-bottom: 5px;
        border-bottom: 1px dashed var(--brdcolor-gray-300)
    }

    .shop_table_responsive td:before {
        content: attr(data-title);
        margin-inline-end:auto}

    .shop_table_responsive .product-name a:first-child {
        margin-inline-end:0 !important}

    .shop_table_responsive .product-name :is(.wd-product-detail,.variation) {
        margin-top: 0
    }

    .shop-table-with-img tr {
        padding-inline-start:115px;min-height: 136px
    }

    .shop-table-with-img td:is(.product-thumbnail,.product-remove,.product-name):before {
        content: none
    }

    .shop-table-with-img td.product-thumbnail {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        overflow: hidden;
        max-height: 115px;
        border: none;
        border-radius: calc(var(--wd-brd-radius) / 1.5)
    }

    .shop-table-with-img td.product-thumbnail img {
        min-width: 100px;
        max-width: 100px
    }

    .shop-table-with-img td.product-remove {
        position: absolute;
        top: -4px;
        inset-inline-end: -7px;
        z-index: 1;
        border: none
    }

    .shop-table-with-img td.product-name {
        padding-inline-end:20px;border-bottom: none
    }

    .shop-table-with-img div.quantity {
        --wd-form-height: 30px
    }
}


/*checkout css*/
.woocommerce-checkout-review-order-table :is(th,td) {
    border: none;
}

.checkout .woocommerce-checkout-review-order-table tr {
    display: flex;
	justify-content: space-between;
    border-bottom: 1px solid var(--brdcolor-gray-300);
}

.checkout  .shop_table tr :is(td,th):last-child {
    padding-inline-end: 0;
    text-align: end;
}

.payment_box .woocommerce-SavedPaymentMethods-new {
	list-style: none;
}

.payment_box .woocommerce-SavedPaymentMethods  {
	padding-left: 0px;
}

.woocommerce-checkout-review-order-table tfoot td {
    flex-grow: 1;
}

.woocommerce-shipping-methods label {
	font-size: 15px;
}

form.woocommerce-checkout {
    --wd-row-gap: 30px;
    --wd-col-gap: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--wd-row-gap) var(--wd-col-gap)
}

form.woocommerce-checkout>* {
    order: -1;
    flex: 1 1 100%;
    width: 100%
}

form.woocommerce-checkout>:is(.customer-details,.checkout-order-review) {
    order: unset;
    flex: 1 0 0;
    width: auto;
    max-width: 50%;
}

:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review) {
    position: relative;
    padding: 30px;
    background-color: var(--bgcolor-gray-200)
}

:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):before,:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):after {
    content: "";
    position: absolute;
    inset-inline: 0;
    height: 10px;
    background-image: radial-gradient(farthest-side, transparent 6px, var(--bgcolor-gray-200) 0);
    background-size: 15px 15px
}

:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):before {
    top: -10px;
    background-position: -2px -6px, 0 0
}

:is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review):after {
    bottom: -10px;
    background-position: -2px 1px, 0 0
}

.woocommerce-order-pay #order_review {
    margin: 0 auto;
    max-width: 600px
}

#order_review_heading {
    text-align: center;
    text-transform: uppercase
}

.checkout-order-review>.woocommerce-checkout-review-order .wd-table-wrapper {
    overflow-x: auto;
    margin-bottom: 20px;
    padding: 5px 25px;
    border-radius: var(--wd-brd-radius);
    background-color: var(--bgcolor-white);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.05)
}

.wd-builder-off #place_order {
    width: 100%
}

@media (min-width: 769px) {
    .woocommerce-checkout>.customer-details .woocommerce-billing-fields {
        margin-top:30px
    }
}

@media (max-width: 768.98px) {
    form.woocommerce-checkout>:is(.customer-details,.checkout-order-review) {
        flex-basis:100%;
        width: 100%;
        max-width: 100%
    }
}

@media (max-width: 576px) {
    :is(.woocommerce-checkout>.checkout-order-review,.woocommerce-order-pay #order_review) {
        padding:20px
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    form.woocommerce-checkout>.checkout-order-review {
        flex-grow:1.2;
        max-width: 60%
    }
}


/*payment Css*/
.payment_methods {
    --li-pl: 0;
    list-style: none;
    --li-mb: 15px
}

.payment_methods li img {
    margin-inline-start:5px;margin-inline-end:5px;max-height: 40px
}

.payment_methods li>label {
    display: inline;
    margin-bottom: 0
}

.payment_methods .payment_box {
    --wd-tags-mb: 10px;
    position: relative;
    margin-top: 15px;
    padding: 15px;
    background-color: var(--bgcolor-white);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    border-radius: var(--wd-brd-radius)
}

.payment_methods .payment_box p:last-child {
    margin-bottom: 0
}

.payment_methods .payment_box:before {
    content: "";
    position: absolute;
    inset-inline-start: 25px;
    bottom: 100%;
    background-color: inherit;
    width: 15px;
    height: 15px;
    clip-path: polygon(50% 50%, 0% 103%, 100% 103%)
}

.payment_methods fieldset {
    margin: 5px 0 0 0;
    padding: 0;
    border: none
}

.woocommerce-terms-and-conditions-wrapper {
    padding-top: 20px;
    border-top: 1px solid var(--brdcolor-gray-300)
}

.woocommerce-terms-and-conditions-wrapper a {
    font-weight: 600
}

.woocommerce-checkout-payment .woocommerce-privacy-policy-text:not(:last-child) {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--brdcolor-gray-300)
}

.woocommerce-checkout-payment .woocommerce-privacy-policy-text:empty {
    display: none
}

.place-order .woocommerce-form__label span {
    vertical-align: middle
}

.place-order .woocommerce-invalid .woocommerce-form__label :is(span,a) {
    color: #CA1919
}

.woocommerce-terms-and-conditions {
    margin-bottom: 20px;
    padding: 20px;
    background-color: var(--bgcolor-white);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    border-radius: var(--wd-brd-radius)
}

#place_order {
    padding: 5px 28px;
    min-height: 48px;
    font-size: 14px;
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
    font-style: var(--btn-accented-font-style, var(--btn-font-style, unset))
}

#place_order:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

#place_order:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active, 0)
}

.payment_methods,
.woocommerce-shipping-methods {
    --li-pl: 0;
    list-style: none;
    --li-mb: 15px;
}

.woocommerce-shipping-methods input.shipping_method {
    position: relative;
    top: 4px;
    float: right;
    margin-inline-end: 0;
    margin-inline-start: 7px;
}
.woocommerce-checkout-review-order-table tr {
    display: flex;
}

/*Order thank you*/
.wd-builder-off .woocommerce-order>*:not(:last-child) {
    margin-bottom: 30px
}

.wd-builder-off .woocommerce-order:not(.wd-with-extra-content) {
    margin: 0 auto;
    max-width: 800px
}

.wd-builder-off :is(.woocommerce-thankyou-order-details li,.woocommerce-thankyou-order-failed-actions) {
    text-align: center
}

.wd-builder-off :is(.woocommerce-thankyou-order-received,.woocommerce-thankyou-order-failed) {
    padding: 3%;
    width: 100%;
    color: #7A9C59;
    border: 2px dashed #7A9C59;
    border-radius: var(--wd-brd-radius);
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.4
}

.wd-builder-off .woocommerce-thankyou-order-failed {
    color: #fbbc34;
    border-color: #fbbc34
}