/**
 * WooCommerce Custom Styles for Viagen Theme
 */

/* Product Page Layout */
#woocommerce-product-content {
    background-color: #fff;
}

.woocommerce div.product {
    margin-bottom: 0;
}

/* Product Images */
.woocommerce div.product div.images {
    margin-bottom: 2rem;
}

.woocommerce div.product div.images img {
    border-radius: 8px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
}

/* Product Summary */
.woocommerce div.product .summary {
    padding-left: 0;
}

.woocommerce div.product .product_title {
    font-family: 'IvyPresto Headline', serif;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #333;
}

.woocommerce .price {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
}

.woocommerce .price del {
    opacity: 0.6;
}

.woocommerce .price ins {
    text-decoration: none;
    color: #d63384;
}

/* Product Description */
.woocommerce div.product .woocommerce-product-details__short-description {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    color: #666;
}

/* Add to Cart Button */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #333;
    color: #fff;
    padding: 15px 30px;
    border-radius: 6px;
    border: none;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #000;
    color: #fff;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #dc5b3e;
    color: #FFF;
    border-radius: 100px;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #000;
}

/* Quantity Input */
.woocommerce .quantity .qty {
    padding: 10px 15px;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    width: 80px;
    text-align: center;
    margin-right: 15px;
}

/* Product Meta */
.woocommerce div.product .product_meta {
    border-top: 1px solid #e9ecef;
    padding-top: 1.5rem;
    margin-top: 2rem;
    font-size: 0.9rem;
    color: #666;
}

.woocommerce div.product .product_meta span {
    display: block;
    margin-bottom: 0.5rem;
}

/* Product Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #e9ecef;
    padding-left: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: none;
    border: none;
    margin-right: 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 15px 0;
    border: none;
    background: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #333;
    border-bottom: 2px solid #ffd700;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 2rem 0;
}

/* Related Products */
.woocommerce .upsells.products,
.woocommerce .related.products {
    margin-top: 4rem;
}

.woocommerce .upsells.products h2,
.woocommerce .related.products h2 {
    font-family: 'IvyPresto Headline', serif;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 2rem;
    text-align: center;
}

/* Product Grid */
.woocommerce ul.products {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce ul.products li.product {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block;
    color: inherit;
}

.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.05);
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem;
    color: #333;
}

.woocommerce ul.products li.product .price {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 1rem 1rem;
}

/* Custom Product Info Cards */
.product-additional-info {
    background-color: #f8f9fa;
}

.info-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.info-card h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    color: #333;
    margin-bottom: 0.75rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .woocommerce div.product .product_title {
        font-size: 2rem;
    }
    
    .woocommerce .price {
        font-size: 1.25rem;
    }
    
    .woocommerce div.product .woocommerce-product-details__short-description {
        font-size: 1rem;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        margin-right: 1rem;
    }
}

/* Star Rating */
.woocommerce .star-rating {
    color: #ffd700;
    margin-bottom: 1rem;
}

/* Sale Badge */
.woocommerce span.onsale {
    background-color: #d63384;
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
}

/* Gallery Thumbnails */
.woocommerce div.product div.images .flex-control-thumbs li {
    margin-bottom: 1rem;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 2px solid #e9ecef;
    border-radius: 6px;
    transition: border-color 0.3s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    border-color: #ffd700;
}

.woocommerce-product-gallery__wrapper a {pointer-events: none}
.woocommerce .wrapper img, .woocommerce-page .wrapper img {width: 90%; pointer-events: none !important}

.single-product .cart {padding: 30px 0}
.single-product .variations {width: 100%; display: block; max-width: 100%;}
.single-product .variations tbody {display: block;}
.single-product .variations tr {display: block;}
.single-product .variations .label,
.single-product .nyp label {width: 100%; display: block; font-family: "Geist Mono", monospace; text-transform: uppercase; font-size: 18px; color: #87867e; letter-spacing: 2px; margin-bottom: 5px; max-width: 100%;}
.single-product .variations .value {display: block; width: 100%;}
.woocommerce form .form-row label,
.wc-pao-addon-heading {font-family: "Geist Mono", monospace; text-transform: uppercase; font-size: 18px; color: #87867e; letter-spacing: 2px; margin-bottom: 5px; font-weight: 400;}
.single-product .variations {margin-bottom: 30px}
.single-product .variations .reset_variations {display: none ! important; }

.wc-pao-addon label.wc-pao-addon-name, .wc-pao-addon legend.wc-pao-addon-name {display: none}

.select2-container .select2-dropdown, 
.select2-container .select2-selection {border-radius: 0; border: none;  outline: none; color: #87867e; border: 1px solid #9d9b91; border-radius: 6px;  font-family: "Geist Mono", monospace; text-transform: uppercase; font-size: 18px; letter-spacing: 2px; font-weight: 400; background: #f1efde; padding: 9px; }
.select2-selection__rendered {font-family: "Geist Mono", monospace; text-transform: uppercase; font-size: 18px; color: #87867e; letter-spacing: 2px; margin-bottom: 5px; font-weight: 400; }
.select2-selection__rendered {font-size: 14px; color: #87867e !important;}

/* .single-product select {background: transparent; padding: 9px; font-size: 14px; border: 1px solid #9d9b91; border-radius: 6px; color: #000; font-family: "Geist Mono", monospace; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; outline: none; width: 100%; color: #87867e;} */
.woocommerce form .form-row .input-text, 
.single-product select, 
.woocommerce form .form-row select, 
.woocommerce form .nyp input,
.woocommerce form .form-row .input-text {background: transparent; padding: 18px; font-size: 14px; border: 1px solid #9d9b91; border-radius: 6px; color: #000; font-family: "Geist Mono", monospace; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; outline: none; color: #87867e; width: 100%;}
.woocommerce-variation-price {display: none}
.single-product .quantity {display: none !important}
.single-product .product_meta {display: none}
.single-product .single_add_to_cart_button {border-radius: 100px !important; background: #ffb01e !important; margin-top: 30px !important; font-size: 20px !important}

.woocommerce-product-details__short-description p {margin-bottom: 25px; font-size: 18px; line-height: 1.3;}

.woocommerce-info,
.woocommerce-message {display: flex; align-items: center; justify-content: space-between; background-color: #eae7cf; outline: none !important}
.woocommerce-message .button,
.woocommerce-info .showcoupon,
.woocommerce-message .restore-item  {padding: 10px 20px !important; border-radius: 100px !important; margin-left: auto !important; }
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {top: 50%; transform: translateY(-50%); }

.woocommerce-additional-fields p:not(.form-row) {opacity: 0.5;}

/* .woocommerce #content table.cart td.actions, 
.woocommerce table.cart td.actions, 
.woocommerce-page #content table.cart td.actions, 
.woocommerce-page table.cart td.actions {display: none} */
/* .woocommerce-page table.cart td.actions { solid #000;} */
.coupon {display: none}

.woocommerce-page table.cart .product-name a {font-size: 20px; font-weight: 700;}
.woocommerce-page table.cart .product-name .variation {opacity: 0.6;}
.woocommerce-page table.cart .product-thumbnail {display: none}

.woocommerce .cart .button, 
.woocommerce .cart input.button {border-radius: 100px;}

.woocommerce .cart .button:disabled {opacity: 0.5; color:#FFF !important; pointer-events: none}
#order_review_heading {margin-top: 30px}
.woocommerce-checkout #payment div.payment_box::before {display: none}
.wc_payment_method > label,
#order_review_heading,
#ship-to-different-address,
.woocommerce-billing-fields h3,
.cart_totals h2 {color:#dc5a3e !important; font-family:"Geist Mono", monospace; text-transform: uppercase; font-size: 22px; letter-spacing: 1px; font-weight: 400; margin-bottom: 15px}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: #eae7cf;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {margin-bottom: 65px}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {background: transparent;}
/* Hide reCAPTCHA heading left by removed plugin */
h3:has-text("Validate reCAPTCHA"),
.woocommerce-checkout h3:contains("reCAPTCHA"),
.woocommerce form h3[id*="recaptcha"],
.woocommerce form h3[class*="recaptcha"] {
    display: none !important;
}

