/**
 * Himpel-Inspired Product Page CSS (v5.0 Final)
 * Targets: UX Builder Elements inside Product Page
 */

/* ===== 1. PRODUCT TITLE & BREADCRUMBS ===== */
.product-page .woocommerce-breadcrumb {
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 1.5rem;
}

.product-page .product_title {
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    color: #222 !important;
    margin-bottom: 0.5rem !important;
}

/* ===== 2. PRICE (HIMPEL STYLE) ===== */
.product-page .price {
    font-size: 2rem !important;
    font-weight: 900 !important;
    color: #4caf50 !important;
    margin-bottom: 1.5rem !important;
    display: block !important;
}

.product-page .price ins {
    text-decoration: none !important;
}

.product-page .price del {
    font-size: 1.2rem !important;
    color: #999 !important;
    font-weight: 400 !important;
}

/* ===== 3. INFO BOX (CREAM/YELLOW) ===== */
/* This maps to the [section] with cream background */
.product-page section {
    margin: 1rem 0 !important;
}

.product-page section .col_inner p {
    margin-bottom: 8px !important;
}

/* ===== 4. GALLERY (FLATSOME STYLE BUT CLEAN) ===== */
.product-gallery {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
}

.flex-control-thumbs {
    margin-top: 15px !important;
}

.flex-control-thumbs li img {
    border: 2px solid transparent !important;
    border-radius: 4px;
}

.flex-control-thumbs li.flex-active img {
    border-color: #4caf50 !important;
}

/* ===== 5. ADD TO CART & BUTTONS ===== */
.product-page .cart {
    margin: 2rem 0 !important;
}

/* Quantity Input */
.product-page .quantity input.qty {
    height: 50px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    font-weight: 700 !important;
}

/* Green CTA Button (Himpel Signature) */
.product-page button.single_add_to_cart_button {
    background: #4caf50 !important;
    color: #fff !important;
    height: 50px !important;
    border-radius: 4px !important;
    text-transform: none !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 10px rgba(76, 175, 80, 0.2) !important;
    transition: all 0.3s ease !important;
}

.product-page button.single_add_to_cart_button:hover {
    background: #43a047 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(76, 175, 80, 0.3) !important;
}

/* ===== 6. TABS (UNDERLINE STYLE) ===== */
.woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #eee !important;
    background: transparent !important;
}

.woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
}

.woocommerce-tabs ul.tabs li a {
    color: #666 !important;
    font-weight: 700 !important;
    padding: 1rem 2rem !important;
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px !important;
}

.woocommerce-tabs ul.tabs li.active a {
    color: #4caf50 !important;
    border-bottom-color: #4caf50 !important;
}

/* ===== 7. SPECS TABLE ===== */
.shop_attributes th {
    background: #fcfcfc !important;
    font-weight: 800 !important;
    width: 30% !important;
    text-transform: none !important;
}

.shop_attributes td {
    color: #444 !important;
    font-style: normal !important;
}

/* ===== 8. MOBILE ADJUSTMENTS ===== */
@media (max-width: 549px) {
    .product-page .product_title {
        font-size: 1.3rem !important;
    }

    .product-page .price {
        font-size: 1.6rem !important;
    }

    .product-page button.single_add_to_cart_button {
        width: 100% !important;
    }
}