/* ===== GLOBAL STYLES (Works Everywhere) ===== */
/* Center prices in product grids */
.products .price,
.wc-block-grid__product-price {
    display: flex;
    justify-content: center;
    margin: 0.25rem auto;
}

/* Center product titles in grids */
.woocommerce-loop-product__title,
.wc-block-grid__product-title {
    text-align: center;
    margin: 0 auto 0.25rem;
}

/* ===== SINGLE PRODUCT PAGE FIXES ===== */
.single-product {
    /* Left-align section headings */
    .upsells > h2,
    .related > h2 {
        text-align: left;
        padding-left: 10px;
    }

    /* Left-align main product price */
    .price:not(.upsells .price):not(.related .price) {
        justify-content: flex-start;
        text-align: left;
    }

    /* Center "You may also like" prices */
    .upsells .price {
        justify-content: center !important;
    }

    /* Center related product titles */
    .related .woocommerce-loop-product__title {
        text-align: center !important;
        margin: 0 auto 5px !important;
    }
}


/* This fixes the 2 product background problem 30.4.2025 */
a.wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button { 
height: initial; 
}

/* Extra product options fixes */
/* Enhanced Checkbox & Radio Button Styling 12.5.2025 */
.extra-options .value input[type=checkbox] {
    width: 18px !important;
    height: 18px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #f8f9fa !important; /* Light gray background */
    border: 2px solid #6c757d !important; /* Medium gray border */
    border-radius: 3px !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.extra-options .value input[type=checkbox]:checked {
    background: #6c757d !important; /* Medium gray when checked */
    border-color: #495057 !important; /* Darker gray border when checked */
}

.extra-options .value input[type=checkbox]:checked::before {
    content: "✓";
    color: white !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.extra-options .value input[type=radio] {
    width: 14px !important;
    height: 14px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #f8f9fa !important; /* Light gray background */
    border: 2px solid #6c757d !important; /* Medium gray border */
    border-radius: 50% !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.extra-options .value input[type=radio]:checked {
    background: #f8f9fa !important; /* Keep light gray background */
    border-color: #495057 !important; /* Darker gray border when checked */
}

.extra-options .value input[type=radio]:checked::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #495057 !important; /* Dark gray inner dot */
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Related Products .. product title centered fixes */
.wp-block-woocommerce-related-products h3 {  text-align: center; }

/* fix margins */
.wp-block-woocommerce-related-products h3 { margin-bottom: 10px; }

/* This fixes the mass yellow blocks 19.5.2025 */
ul li.wc-block-product {
text-align: center;
}
ul li > .wp-block-button__link {
height: initial; width: initial;
}

/* fixing prices by quantity 4.6.2025  */
.pbq_quantity_pricing_tables, .pbq_quantity_pricing_tables {
  display: block !important;
}