/* Emerald Glassy Style for Variation Selects - Desktop & Mobile */
table.variations select,
.variations select,
.woocommerce-variation-selector,
.single-product select[name^="attribute_"],
.elementor-widget-woocommerce-product-add-to-cart select[name^="attribute_"] {
    background-color: rgba(4, 47, 31, 0.9) !important; /* Deep emerald background fallback */
    background-image: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(4, 120, 87, 0.15)) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(16, 185, 129, 0.45) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
    font-weight: 700 !important;
    padding: 8px 30px 8px 12px !important;
    border-radius: 8px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: block !important;
    width: 100% !important;
}

/* Specific overrides for mobile screens to force the dark glassy background and reduce size further */
@media screen and (max-width: 767px) {
    body.single-product .woocommerce div.product form.cart .variations select,
    body.single-product .elementor-widget-woocommerce-product-add-to-cart select,
    body.single-product table.variations select,
    body.single-product .variations select {
        background-color: #042f1f !important; /* Force solid dark green fallback on iOS mobile to prevent white */
        background-image: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(4, 120, 87, 0.15)) !important;
        color: #ffffff !important;
        border: 1px solid rgba(16, 185, 129, 0.6) !important;
        font-size: 13px !important; /* Legible but compact font on mobile */
        padding: 4px 20px 4px 8px !important;
        height: 36px !important;
        line-height: 1 !important;
        -webkit-appearance: none !important;
    }
}

/* Hover & Focus state */
table.variations select:hover,
table.variations select:focus,
.variations select:hover,
.variations select:focus {
    border-color: rgba(16, 185, 129, 0.8) !important;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.5) !important;
}

/* Style options inside dropdown for visibility */
table.variations select option,
.variations select option,
.elementor-widget-woocommerce-product-add-to-cart select option {
    background-color: #042f1f !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 10px !important;
}

/* Emerald Glassy Style for WooCommerce Quantity Input block */
.quantity input.qty,
.woocommerce-ad-to-cart .quantity input.qty,
.single-product .quantity input.qty,
.elementor-widget-woocommerce-product-add-to-cart .quantity input.qty {
    background-color: rgba(4, 47, 31, 0.75) !important;
    background-image: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(4, 120, 87, 0.15)) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    text-align: center !important;
    max-width: 80px !important;
    height: auto !important;
    transition: all 0.3s ease !important;
}

@media screen and (max-width: 767px) {
    .woocommerce .quantity input.qty,
    .quantity input.qty {
        background-color: #042f1f !important; /* Solid fallback */
        color: #ffffff !important;
        border: 1px solid rgba(16, 185, 129, 0.6) !important;
        font-size: 13px !important;
        padding: 4px !important;
        max-width: 60px !important;
        height: 36px !important;
        line-height: 1 !important;
    }
}


/* Force Luminous White Text with premium glow for Single Product Add to Cart Button */
.woocommerce button.button.alt.single_add_to_cart_button,
.woocommerce-page button.button.alt.single_add_to_cart_button,
.woocommerce div.product .single_add_to_cart_button,
.elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button,
.woocommerce-mini-cart__buttons a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(16, 185, 129, 0.6) !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
}


/* Mobile: Force luminous white text on Add to Cart button */
@media screen and (max-width: 767px) {
    body.single-product .woocommerce button.button.alt.single_add_to_cart_button,
    body.single-product .woocommerce div.product .single_add_to_cart_button,
    body.single-product .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
        color: #ffffff !important;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.9), 0 0 20px rgba(16, 185, 129, 0.7) !important;
        font-weight: 800 !important;
    }
}


/* PURE EMERALD GLASSY WITH LUMINOUS WHITE TEXT OVERRIDE */
.woocommerce button.button.alt.single_add_to_cart_button,
.woocommerce-page button.button.alt.single_add_to_cart_button,
.woocommerce div.product .single_add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce-mini-cart__buttons a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
    background: linear-gradient(135deg, rgba(4, 47, 31, 0.95) 0%, rgba(16, 185, 129, 0.6) 100%) !important;
    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
    border: 1.5px solid rgba(16, 185, 129, 0.75) !important;
    color: #ffffff !important;
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 1),
        0 0 20px rgba(16, 185, 129, 0.8),
        0 1px 3px rgba(0, 0, 0, 0.6) !important;
    font-weight: 900 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 
        0 4px 20px rgba(16, 185, 129, 0.4),
        inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
}

@media screen and (max-width: 767px) {
    .woocommerce button.button.alt.single_add_to_cart_button,
    .woocommerce div.product .single_add_to_cart_button,
    .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
        color: #ffffff !important;
        text-shadow: 
            0 0 10px rgba(255, 255, 255, 1),
            0 0 20px rgba(16, 185, 129, 0.8) !important;
        background: linear-gradient(135deg, #042f1f 0%, rgba(16, 185, 129, 0.8) 100%) !important;
    }
}

/* Absolute global override for WooCommerce & Elementor Single Product Add to Cart buttons */
.single_add_to_cart_button,
.woocommerce button.button.alt.single_add_to_cart_button,
.woocommerce-page button.button.alt.single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce-page div.product form.cart .single_add_to_cart_button,
.elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button,
.gp-emerald-cart-wrapper .single_add_to_cart_button {
    color: #ffffff !important;
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 1),
        0 0 20px rgba(16, 185, 129, 0.95),
        0 1px 3px rgba(0, 0, 0, 0.6) !important;
    font-weight: 900 !important;
    font-family: inherit !important;
    text-transform: uppercase !important;
}

@media screen and (max-width: 767px) {
    .single_add_to_cart_button,
    .woocommerce button.button.alt.single_add_to_cart_button,
    .woocommerce div.product form.cart .single_add_to_cart_button,
    .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
        color: #ffffff !important;
        text-shadow: 
            0 0 10px rgba(255, 255, 255, 1),
            0 0 22px rgba(16, 185, 129, 0.95) !important;
        font-weight: 900 !important;
    }
}