/* =============================
   FOOTER FORMATTING
   ============================= */

@media ( max-width: 600px ) {
	.site-footer-widget .widget_custom_html {
	margin-bottom: 25px;
}	
}
@media (max-width: 768px) {
    .site-footer, 
    .footer-widget, 
    .footer-widgets .widget, 
    .footer-bottom {
        text-align: center !important;
        justify-content: center !important;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .footer-widgets {
        display: flex;
        justify-content: center;   /* center horizontally */
        align-items: center;       /* center vertically */
        gap: 20px;                 /* spacing between columns */
        flex-wrap: wrap;           /* allows wrapping if needed */
        text-align: center;        /* center text inside each widget */
    }

    .footer-widgets .widget {
        flex: 0 0 45%;   /* make each widget take about half width */
        max-width: 45%;
    }
}


/* =============================
   SINGLE PRODUCT PAGE TYPOGRAPHY
   Poppins (headings, price, buttons)
   Roboto (body, descriptions)
   Natural Green Theme
   ============================= */
 

/* Body text */
body.single-product {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    
}

/* Product title */
body.single-product .product .product_title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px;
    font-weight: 600;
    color: #111111;
    margin-bottom: 15px;
}

/* Product price */
body.single-product .product .price {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px;
    font-weight: 600;
    color: #2E7D32; /* natural green */
    margin-bottom: 20px;
}

/* Short description */
body.single-product .woocommerce-product-details__short-description {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    margin-bottom: 25px;
}

/* Add to Cart button */
body.single-product .single_add_to_cart_button {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background 0.3s ease, transform 0.2s ease;
}


/* Product meta */
body.single-product .product_meta {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #777;
}


/* Make WooCommerce product tabs appear in one line */
.single-product .woocommerce-tabs .wc-tabs {
    display: flex;
    flex-wrap: nowrap;          /* prevent wrapping */
    justify-content: flex-start; /* align tabs in a row */
    gap: 10px;                   /* space between tabs */
    border-bottom: 2px solid #D7F3E4; /* optional underline */
}

.single-product .woocommerce-tabs .wc-tabs li {
    margin: 0;
    list-style: none;
}

.single-product .woocommerce-tabs .wc-tabs li a {
    display: block;
    padding: 10px 16px;
    background-color: #6794fd;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: background 0.3s ease;
}

/* Active tab styling */
.single-product .woocommerce-tabs .wc-tabs li.active a {
    background-color: #034efd;
    font-weight: 700;
}

/* Tab content */
body.single-product .woocommerce-Tabs-panel {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
    color: #444;
    line-height: 1.7;
}


/* =============================
   RESPONSIVE DESIGN
   ============================= */

/* Tablets */
@media (max-width: 1024px) {
    body.single-product .product .product_title {
        font-size: 24px;
    }
    body.single-product .product .price {
        font-size: 20px;
    }
    body.single-product .woocommerce-product-details__short-description {
        font-size: 15px;
    }
    body.single-product .single_add_to_cart_button {
        font-size: 15px;
        padding: 12px 24px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    body.single-product {
        font-size: 15px;
    }
    body.single-product .product .product_title {
        font-size: 20px;
        line-height: 1.3;
    }
    body.single-product .product .price {
        font-size: 18px;
    }
    body.single-product .woocommerce-product-details__short-description {
        font-size: 14px;
    }
  body.single-product form.cart {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    body.single-product form.cart .quantity {
        flex: 1 1 50% !important;
        max-width: 50% !important;
        margin: 0 !important;
    }

    body.single-product form.cart .single_add_to_cart_button {
        flex: 1 1 50% !important;
        max-width: 50% !important;
        font-size: 14px !important;
        padding: 12px !important;
        text-align: center !important;
        white-space: nowrap !important; /* prevent text wrapping */
    }
    body.single-product .woocommerce-tabs .wc-tabs li a {
        font-size: 14px;
    }
}



.custom-links-below-image {
    margin-top: 15px;
    text-align: center; /* center all links in one line */
    font-size: 15px;
}

.custom-links-below-image a {
    display: inline-block;
    margin: 0 6px;
    color: inherit; /* use theme’s default text color */
    text-decoration: none;
}

.custom-links-below-image a:hover {
    text-decoration: underline; /* subtle hover effect */
}



/* =============================
    SHOP PAGE BG COLOR WHITE
   ============================= */

.woocommerce-shop {
    background-color: #ffffff !important; /* change to your color */
}

.single-product {
    background-color: #ffffff !important; /* change to your color */
}

/* =============================
    Check out and add to cart
   ============================= */
.woocommerce-cart, .woocommerce-checkout, .woocommerce {
    background-color: #ffffff !important;
    color: #222222 !important;
}


/* PhonePe green for proceed to checkout button */
.wc-block-cart__submit-button.contained {
    background-color: #00C853 !important; /* PhonePe green */
    color: #ffffff !important;
    border-radius: 5px;
    padding: 12px 28px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s ease;
    display: inline-block;
}

/* Hover effect: darker green */
.wc-block-cart__submit-button.contained:hover {
    background-color: #009e36 !important; /* Darker green */
    color: #ffffff !important;
}


/* PhonePe green styling for the Pay button */
.wc-block-components-checkout-place-order-button.contained {
    background-color: #00C853 !important; /* PhonePe green */
    color: #ffffff !important;
    border-radius: 5px;
    padding: 12px 28px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.25s ease;
    border: none;
}

/* Hover effect: darker green */
.wc-block-components-checkout-place-order-button.contained:hover {
    background-color: #009e36 !important; /* Darker green */
    color: #ffffff !important;
}