/*
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  ***************/


}

.eael-product-title .woocommerce-loop-product__title {
    font-size: 18px; /* adjust as needed */
    font-weight: 600; /* slightly bolder */
}

/* Make variation price larger */
.variation-price {
    font-size: 26px; /* adjust as needed */
    font-weight: 700;
}
.variation-buttons-wrapper {
    display: flex;
    flex-direction: column;
}

.variation-buttons {
    display: flex;
    gap: 5px;
    flex-wrap: nowrap; /* keep in one row */
}

.variation-option {
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    cursor: pointer;
    border-radius: 4px;
}

.variation-option.selected {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.variation-price {
    font-size: 14px;
}

.loop-add-to-cart {
    padding: 8px 12px;
    font-size: 14px;
    background: #ff6f61;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.loop-add-to-cart:hover {
    background: #e85b50;
}