/* ============================================================
   MAHIRA'S HERBAL WORLD — WOOCOMMERCE STYLESHEET
   ============================================================ */

/* ─── SHOP PAGE ─── */
.woo-page-wrapper { padding: 48px 0 80px; }
.woocommerce-products-header__title,
.woocommerce-page h1.page-title {
    font-family: var(--font-heading);
    font-size: 2rem;
    color: var(--text-dark);
    margin-bottom: 8px;
}
.woocommerce-result-count {
    font-size: 0.85rem;
    color: var(--text-light);
    margin-bottom: 0;
}
.woocommerce-ordering select {
    border: 1.5px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 8px 14px;
    font-size: 0.85rem;
    color: var(--text-dark);
    background: var(--white);
    cursor: pointer;
    outline: none;
}
.woocommerce-ordering select:focus { border-color: var(--green-primary); }

/* Product grid handled in main.css — extra fixes */
.woocommerce ul.products li.product a.woocommerce-loop-product__link { display: block; }
.woocommerce ul.products li.product .onsale {
    background: var(--green-primary);
    border-radius: var(--radius-full);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 4px 10px;
    top: 12px;
    left: 12px;
}
.woocommerce ul.products li.product .price del { color: var(--text-light); font-size: 0.85rem; }
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--green-primary); }

/* ─── SINGLE PRODUCT PAGE ─── */
.woocommerce div.product { padding: 48px 0; }
.woocommerce div.product .product_title {
    font-family: var(--font-heading);
    font-size: clamp(1.6rem, 4vw, 2.5rem);
    color: var(--text-dark);
    margin-bottom: 12px;
}
.woocommerce div.product .price {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--green-primary);
    margin-bottom: 20px;
    display: block;
}
.woocommerce div.product .woocommerce-product-details__short-description {
    font-size: 0.95rem;
    color: var(--text-medium);
    line-height: 1.7;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border);
}
.woocommerce div.product form.cart { margin-bottom: 24px; }
.woocommerce div.product form.cart .qty {
    border: 1.5px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 10px 14px;
    font-size: 1rem;
    width: 70px;
    text-align: center;
    color: var(--text-dark);
    margin-right: 12px;
}
.woocommerce div.product form.cart .qty:focus { border-color: var(--green-primary); outline: none; }
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
    background: var(--green-primary) !important;
    color: var(--white) !important;
    border-radius: var(--radius-full) !important;
    padding: 14px 32px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    font-family: var(--font-body) !important;
    border: 2px solid var(--green-primary) !important;
    cursor: pointer;
    transition: var(--transition) !important;
    text-shadow: none !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: var(--green-dark) !important;
    border-color: var(--green-dark) !important;
    transform: translateY(-2px);
}
.btn-whatsapp-order {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #25d366;
    color: var(--white);
    border: 2px solid #25d366;
    border-radius: var(--radius-full);
    padding: 14px 32px;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
    margin-top: 10px;
    font-family: var(--font-body);
    width: 100%;
    justify-content: center;
}
.btn-whatsapp-order:hover {
    background: #1da851;
    border-color: #1da851;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(37,211,102,0.35);
}

/* Product Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--border);
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    border: none;
    background: transparent;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 12px 24px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-medium);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: var(--transition);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--green-primary);
    border-bottom-color: var(--green-primary);
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 28px 0;
    border: none;
}

/* Star Ratings */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before { color: #f59e0b; }
.woocommerce .star-rating { font-size: 0.85em; }

/* ─── CART PAGE ─── */
.woocommerce-cart .woocommerce { padding: 48px 0; }
.woocommerce table.cart thead tr th {
    background: var(--cream);
    color: var(--text-dark);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 14px 16px;
}
.woocommerce table.cart td { padding: 20px 16px; border-color: var(--border); vertical-align: middle; }
.woocommerce table.cart td.product-name a { font-weight: 600; color: var(--text-dark); font-size: 0.95rem; }
.woocommerce table.cart td.product-name a:hover { color: var(--green-primary); }
.woocommerce table.cart input.qty {
    border: 1.5px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 8px 10px;
    width: 70px;
    text-align: center;
}
.woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; }
.woocommerce .cart_totals h2 { font-size: 1.3rem; margin-bottom: 20px; }
.woocommerce .cart_totals table { border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; }
.woocommerce .cart_totals table th { background: var(--cream); font-size: 0.85rem; font-weight: 700; }
.woocommerce .proceed-to-checkout a.checkout-button {
    background: var(--green-primary) !important;
    color: var(--white) !important;
    border-radius: var(--radius-full) !important;
    font-size: 1rem !important;
    padding: 16px 32px !important;
    text-align: center;
    display: block;
    font-weight: 700 !important;
    border: none !important;
}

/* ─── CHECKOUT PAGE ─── */
.woocommerce-checkout .woocommerce { padding: 48px 0; }
.woocommerce form .form-row label {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 6px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    border: 1.5px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 12px 16px;
    font-size: 0.9rem;
    width: 100%;
    outline: none;
    transition: var(--transition);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--green-primary);
    box-shadow: 0 0 0 3px rgba(45,125,50,0.08);
}
.woocommerce #payment { background: var(--cream); border-radius: var(--radius-md); padding: 24px; border: 1px solid var(--border); }
.woocommerce #payment ul.payment_methods li { border-bottom: 1px solid var(--border); padding: 12px 0; }
.woocommerce #payment div.place-order { padding: 20px 0 0; }
.woocommerce #payment #place_order {
    width: 100%;
    font-size: 1rem !important;
    padding: 16px !important;
    border-radius: var(--radius-full) !important;
}
.woocommerce-order-details, .woocommerce-customer-details { margin-bottom: 40px; }

/* ─── NOTICES ─── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: var(--radius-md) !important;
    border-top: none !important;
    border-left: 4px solid var(--green-primary) !important;
    background: var(--green-ultra) !important;
    padding: 16px 20px !important;
    font-size: 0.9rem !important;
    margin-bottom: 24px !important;
}
.woocommerce-error { border-left-color: #e53e3e !important; background: #fff5f5 !important; }

/* ─── PRODUCT CATEGORIES PAGE ─── */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    font-family: var(--font-heading);
    font-size: 1.1rem;
}

/* ─── MY ACCOUNT ─── */
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-medium);
    transition: var(--transition);
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--green-pale);
    color: var(--green-primary);
}