/* --- All lib Overwrite Css --- */

.woocommerce > img, .woocommerce-page >  img {
    max-width: max-content;
}

.woocommerce-remove-coupon {
    text-transform: capitalize;
}

.coupon-discount, .coupon-discount .woocommerce-Price-amount, .coupon-discount .woocommerce-Price-currencySymbol  {
    color: #198754 !important;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
}


.woocommerce form .form-row .input-text:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: hsl(var(--primary));
    box-shadow: 0 0 0 1px rgb(33, 33, 33);
    outline: 0;
}

.screen-reader-text {
    width: auto !important;
    clip-path: unset !important;
    clip: unset !important;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: flex;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: hsl(var(--primary));
    color: #FFF;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    margin-bottom: 1rem;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    padding: .75rem 1rem;
    border-radius: 0.375rem;
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.woocommerce-orders .woocommerce-error,
.woocommerce-orders .woocommerce-info,
.woocommerce-orders .woocommerce-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-error:focus, .woocommerce-info:focus, .woocommerce-message:focus {
    box-shadow: none;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before,
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after {
    display: none;
}

.woocommerce-error a, .woocommerce-info a, .woocommerce-message a { 
    color: #a21127;
}

.shipping-calculator-button {
    font-size: 15px;
    font-weight: 600;
    color: #a21127;
    display: block;
    padding: 8px 0;
    margin-bottom: 15px;
}

.shipping-calculator-form {
    margin-top: 15px;
}

.woocommerce-message {
    --bs-success-text-emphasis: #1E4620;
    --bs-success-bg-subtle: #EDF7ED;
    --bs-success-border-subtle: #EDF7ED;
    --icon: #418945;

    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    
    color: var(--bs-alert-color);
    background: var(--bs-alert-bg);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    background: hsl(var(--primary));
    color: #FFF !important;
    border: none;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.838rem 1.25rem !important;
    border-radius: 0.4rem !important;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    background: hsl(var(--primary) / 0.9);
    color: #FFF;
}

#toast-container>div {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    width: 350px;
    opacity: .9;
    border-radius: 6px;
}

#toast-container>:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.toast-title {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.toast-message {
    font-size: .875rem;
    line-height: 1.4;
}

#toast-container > div {
    opacity: 1;
}

#toast-container>div:hover {
    box-shadow: none;
}

.woocommerce .star-rating {
    font-size: 1.125rem;
    height: 20px;
}

.woocommerce .star-rating span::before {
    color: #FFC800;
}

.woocommerce p.stars a {
    height: 24px;
    width: 24px;
}

.woocommerce p.stars a::before {
    font-size: 24px;
    color: #FFC800;
}

.comment-form label {
    font-size: 14px;
    color: #212529;
    margin-bottom: .75rem;
}

.comment-form-rating {
    margin-bottom: 20px;
}

.woocommerce #review_form #respond textarea {
    display: block;
    width: 100%;
    padding: .75rem .75rem;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
    color: #000;
    border-radius: 6px;
    border-color: hsl(var(--border));
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width)* 2));
}

.woocommerce #review_form #respond textarea:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: hsl(var(--primary));
    box-shadow: 0 0 0 1px rgb(33, 33, 33);
    outline: 0;
}

.required {
    color: #e70f2f !important;
}

.form-submit {
    text-align: right;
    margin: 0px !important;
}

.account-orders-table a {
    color: #a21127;
}

.account-orders-table .woocommerce-orders-table__cell-order-actions {
    width: 280px;
    display: flex;
    gap: 5px;
}

.account-orders-table .woocommerce-button.button {
    padding: 10px 15px !important;
}

.account-orders-table a {
    color: #000;
}

/* order status color */
.account-orders-table .woocommerce-orders-table__cell-order-status .processing {
    color: #4D587D;
    background: #4D587D40;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .completed {
    color: #00bd9d;
    background: #00bd9d40;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .sproduction {
    color: #FFCA00;
    background: #FFCA0040;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .failed {
    color: #FF666C;
    background: #FF666C40;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .on-hold {
    color: #adadad;
    background: #adadad40;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .cancelled {
    color: #d41e24;
    background: #d41e2440;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .refunded {
    color: #743235;
    background: #74323540;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .pending {
    color: #44A7FF;
    background: #44A7FF40;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .sdesign {
    color: #FF8B16;
    background: #FF8B1640;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .sapproval {
    color: #44A7FF;
    background: #44A7FF40;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .ready {
    color: #7E8CFF;
    background: #7E8CFF40;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .shipped {
    color: #FF68B9;
    background: #FF68B940;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .partial-shipped {
    color: #c95191;
    background: #c9519140;
}

.account-orders-table .woocommerce-orders-table__cell-order-status .delivered {
    color: #00c368;
    background: #00c36840 !important;
}

.woocommerce-order p.woocommerce-notice--success {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin: -1rem 0 2rem;
    text-align: center;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    border: solid 1px hsl(var(--border));
    border-radius: 6px;
    margin-bottom: 1.75rem;
}

.woocommerce ul.order_details li {
    margin-right: 0;
    padding: 15px 25px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: hsl(var(--muted-foreground))
}

.woocommerce ul.order_details li strong {
    color: hsl(var(--primary));
    font-weight: 600;
    font-size: 15px;
    margin-top: 5px;
}

.shipping-message .mdc-alert.mdc-alert-error {
    background-color: #faeeef;
    color: #721c24;
    margin-bottom: 1rem;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    padding: .75rem 1rem;
    border-radius: 0.375rem;
    border: none;
}


.order-totals small.includes_tax,
section.md-cart-wrapper small.includes_tax,
.fluid_section,
.woocommerce-MyAccount-navigation-link--payment-methods,
section.md-account-wrapper > div.container-xl > div.row > div > h2:nth-of-type(1),
body .woocommerce .ast_track {
    display: none !important;
}

/* .iti__selected-country {
    height: 54px !important;
} */

.woocommerce-order-pay #place_order.ppcp-hidden {
    display: block !important;
}

.woocommerce-order-pay #payment ul.payment_methods {
    border-bottom: 0;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.woocommerce-order-pay #payment div.payment_box {
    margin-bottom: 0 !important;
}

.woocommerce-order-pay #payment {
    background-color: #fff;
}

.woocommerce-order-pay .wc_payment_method.payment_method_ppcp-gateway {
    padding: 1em 0em 0em 1em;
}

.woocommerce-order-pay #payment div.payment_box {
    margin-left: -1em !important;
    width: auto;
}

.woocommerce-order-pay .page-content {
    max-width: 1024px;
    margin: 0 auto;
    padding: 30px 0 25px 0;
}