/*
Theme Name: flatsome-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.woocommerce-variation-price {
    display: none !important;
}

.asnp-sale-badge-image-wrapper {
    position: static !important;
}

.price-wrapper>.price {
    color: #111;
    font-weight: 700;
    white-space: nowrap;
}

.mt_10 {
    margin-top: 10px;
}

.custom-popup-label {
    color: #fff !important;
    font-family: 'Albert Sans' !important;
    font-size: 20px !important;
}

.custom-popup-label p {
    font-family: 'Albert Sans' !important;
    margin: 0 !important;
}

.sib-email-area {
    display: flex;
    width: 100%;
}


.sib-email-area input {
    flex: 1;
    padding: 10px;
    border: 1px solid #d4ccaa;
    border-right: none;
    margin: 0 !important;
    height: 45px !important;
}


.sib-email-area .sib-default-btn {
    border: unset !important;
    background: #d4ccaa;
    color: #fff;
    cursor: pointer;
    margin: 0 !important;
    margin-left: 10px !important;
}


.sib-email-area .sib-default-btn:hover {
    background: #c7bf9f;
}

@media (max-width: 762px) {
    .brave_popup__step__mobile .brave_popup__step__inner:has(.custom-popup-label) {
        width: 90vw !important;
    }

    .brave_popup__step__mobile .brave_popup__step__elements:has(.custom-popup-label) {
        width: 100% !important;
    }

    .brave_popup__step__mobile .brave_popup__elements_wrap:has(.custom-popup-label)>.brave_element {
        width: 90% !important;
        left: 5% !important;
    }
}



@media (max-width: 480px) {
    .custom-popup-label {
        font-size: 16px !important;
    }
}



.cart-sidebar .ux-cart-coupon:not(.show) {
    display: none !important;
}

#wc_gc_cart_redeem_form,
.coupon-row-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}


.wc-proceed-to-checkout #wc_gc_cart_code,
.coupon-input-column {
    flex: 1 1 auto !important;
    display: flex !important;
}

.wc-proceed-to-checkout #wc_gc_cart_code,
#coupon_code {
    width: 100% !important;
    height: 45px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


.wc-proceed-to-checkout #wc_gc_cart_redeem_send,
.coupon_btn {
    flex: 0 0 auto !important;
    height: 45px !important;
    min-width: 120px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.add_gift_card_form #wc_gc_cart_redeem_form button {
    width: auto !important;
}

.checkout-sidebar-coupon-wrapper .flex-row, 
#wc_gc_cart_redeem_form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
}

.wc_gc_add_gift_card_form__notices,
.woocommerce-form-coupon-toggle,
.woocommerce-info.message-wrapper {
    flex: 0 0 100% !important;
    width: 100% !important;
    display: block !important;
}


.checkout-sidebar-coupon-wrapper .flex-grow {
    flex: 1 1 auto !important;
}
.woocommerce-checkout-review-order #wc_gc_cart_redeem_form {
    display: block !important;
}

.gift-card-inner-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 10px;
}
#coupon_code,
.woocommerce-checkout-review-order #wc_gc_cart_code {
    width: 100% !important;
    height: 46px !important;
    padding: 0 15px !important;
    margin: 0 !important;
}

.checkout-sidebar-coupon-wrapper button.button,
.woocommerce-checkout-review-order button {
    height: 45px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    white-space: nowrap !important;
}

.coupon-row-wrapper #coupon_code,
.coupon-input-column,
#wc_gc_cart_code {
    max-width: 280px;
}

.sib_msg_disp:has(.sib-alert-message-success:not([style*="display: none"]))+.sib-email-area {
    display: none !important;
}

.woocommerce-checkout-review-order #wc_gc_cart_redeem_form {
    border: 2px dashed var(--fs-color-primary);
    padding: 30px;
}

.woocommerce-checkout-review-order .add_gift_card_form {
    display: flex !important;
    flex-direction: column;
}

.sib-custom-sub-message{
    color: #fff !important;
    font-size:2.5em;
    text-align:center;
    margin-top: 10px;
}

.message-container.medium-text-center, 
.add_gift_card_form h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    color: #333 !important;
    text-transform: none !important;
    text-align: left !important;
}

.message-container.medium-text-center a.showcoupon {
    font-size: 16px !important;
}

.mfp-wrap, 
.mfp-bg {
    z-index: 999999 !important;
    position: fixed !important;
}

input.letters_input {
    border: 2px solid var(--fs-color-primary) !important;
    outline: 0;
    background-color: #fff !important;
}

input.letters_input:focus {

    border: 3px solid var(--fs-color-primary) !important;
    box-shadow: 0 0 8px var(--fs-color-primary) !important;
    outline: 0;
    transition: all 0.2s ease-in-out;
}


.mt-10{
    margin-top: 10px;
}