/*---------------------------------------------------------------------------------

 Theme Name:   Fuel LAB - LL
 Theme URI:    https://lockedinlust.com
 Description:  Custom Wordpress Website for Locked in Lust, by ©Fuel LAB
 Author:       Pietro Mingotti
 Author URI:   https://fuellabstudio.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* === PRODUCT GRID STRUCTURE === */
.cuw-gird {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
}

/* === PRODUCT CARD LAYOUT === */
.cuw-product-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: white !important;
    border-radius: 12px !important;
    padding: 10px !important;
    border: 1px solid #ccc !important;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1) !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
}

/* === PRODUCT IMAGE STYLING === */
.cuw-product-image {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0 !important;
}

/* === PRODUCT TITLE STYLING === */
.cuw-product-title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    display: block !important;
}

/* === INFO SECTION (TITLE + PRICE) === */
.cuw-product-info {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
    max-width: calc(100% - 80px) !important; /* Leave space for the checkbox */
}

/* === PRODUCT PRICE STYLING === */
.cuw-product-price {
    font-size: 14px !important;
    font-weight: normal !important;
}

/* === PRODUCT CHECKBOX === */
.cuw-product-card input[type="checkbox"] {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

/* === BUY SECTION COLUMN === */
.cuw-column.cuw-buy-section {
    max-width: unset !important;
    padding: 0px 26px 26px 26px !important;
}

/* === ADD TO CART BUTTON === */
.cuw-add-to-cart {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 30px !important;
    background-color: #8410ea !important;
    color: white !important;
    font-size: 16px !important;
    text-transform: none !important;
}

/* === MODAL FOOTER ADD TO CART BUTTON === */
.cuw-modal-footer .cuw-add-to-cart {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 30px !important;
    background-color: #8410ea !important;
    color: white !important;
    font-size: 16px !important;
    text-transform: none !important;
}

/* === REMOVE UNNECESSARY TOP MARGIN IN ACTION SECTION === */
.cuw-actions div {
    margin-top: 0 !important;
}

/* === RESPONSIVE: MOBILE STYLING FOR PRODUCT CARDS === */
@media screen and (max-width: 768px) {
    .cuw-product-card {
        flex-direction: row !important;
        align-items: center !important;
    }

    .cuw-product-image {
        width: 50px !important;
        height: 50px !important;
    }

    .cuw-product-info {
        width: 100% !important;
        max-width: calc(100% - 80px) !important;
    }

    .cuw-product-checkbox {
        position: relative !important;
        right: 0px !important;
        top: 0px !important;
    }
}

/* === LOADER STYLES FOR FBT MODAL === */
#fbt-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #840fea;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #840fea transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Style for the custom Coupon Form on Checkout */

/* Stile pulsante per il link "Click here to enter your code" */
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon,
.woocommerce-page .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    border-radius: 30px !important;
    background-color: purple !important;
    color: #fff !important;
    border: 1px solid purple !important;
    font-size: 13px !important;
    padding: 5px 12px !important;
    display: inline-block !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap;
}

/* Hover/Focus */
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover,
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:focus,
.woocommerce-page .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover,
.woocommerce-page .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:focus {
    background-color: #5a0d5a !important;
    border-color: #5a0d5a !important;
    color: #fff !important;
}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info { 
    display: flex; align-items: center; gap: 20px; 
}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon { 
    margin-left: auto !important; 
}