/*
 Theme Name:   The Baobab Framework
 Description:  Afrimac Design
 Author:       Baobab Collective
 Template:     iori
 Version:      1.0.0
*/

/* Short description (above Add to Cart) */
.single-product .woocommerce-product-details__short-description {
    font-size: 1.1rem; /* try 1.2rem if you want it bigger */
    line-height: 1.7;
    font-weight: 300 !important;
}

/* Optional: Add spacing between description paragraphs */
.single-product .woocommerce-product-details__short-description p {
    margin-bottom: 1em;
    font-weight: 300 !important;
}

/* Hide main price to only show variation price */
.single-product .summary > .price {
    display: none !important;
}

/* Variation price (darker brand green) */
.single-product .woocommerce-variation-price .price {
    font-size: 1.8rem !important; /* around 29px */
    font-weight: 700 !important;
    color: #0f5e34 !important; /* darker green */
}

/* Strikethrough old price */
.single-product .woocommerce-variation-price del {
    color: #888 !important;
    font-size: 1.6rem !important;
    opacity: 0.8;
}

.single-product .woocommerce-variation-price del .woocommerce-Price-amount {
    text-decoration: line-through !important;
}

/* Discounted price styling (same darker green) */
.single-product .woocommerce-variation-price ins {
    color: #0f5e34 !important; /* darker green */
    font-weight: 700;
    text-decoration: none !important;
}

/* Short description text size and color */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #333;
    font-weight: 300 !important;
}

/* Full product description (below DESCRIPTION tab) */
.single-product .woocommerce-Tabs-panel--description,
.single-product .woocommerce-Tabs-panel--description p {
    font-weight: 400 !important; /* normal weight */
    color: #333 !important;
    line-height: 1.8 !important;
    font-size: 16px !important;
}

/* ===========================
   CART PAGE STYLING
=========================== */

/* Make all WooCommerce prices black */
.woocommerce-cart .woocommerce-Price-amount,
.woocommerce-cart .cart_totals .woocommerce-Price-amount,
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal {
    color: #000 !important;
}

/* Green "Proceed to checkout" button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #1e874c !important; /* brand green */
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease;
}

/* Hover effect for checkout button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #166a3b !important; /* darker green */
}

/* Green Apply Coupon button */
.woocommerce-cart input.button[name="apply_coupon"],
.woocommerce-cart button.button[name="apply_coupon"] {
    background-color: #1e874c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease;
}

.woocommerce-cart input.button[name="apply_coupon"]:hover,
.woocommerce-cart button.button[name="apply_coupon"]:hover {
    background-color: #166a3b !important;
}

/* ===========================
   CHECKOUT PAGE STYLING
=========================== */

/* Green place order button */
.woocommerce-checkout #place_order,
.woocommerce-checkout button.button.alt {
    background-color: #1e874c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

/* Hover effect for place order button */
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button.button.alt:hover {
    background-color: #166a3b !important;
}

/* Field labels and totals in black */
.woocommerce-checkout label,
.woocommerce-checkout .woocommerce-Price-amount,
.woocommerce-checkout .order-total td,
.woocommerce-checkout .cart-subtotal td {
    color: #000 !important;
}

/* Emphasize order total */
.woocommerce-checkout .order-total td {
    font-weight: 600 !important;
}

/* ===========================
   MY ACCOUNT PAGE STYLING
=========================== */

/* Green buttons and links */
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce-button,
.woocommerce-account a.button {
    background-color: #1e874c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease;
}

/* Hover effect for account buttons */
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account a.button:hover {
    background-color: #166a3b !important;
}

/* Black text in account tables and totals */
.woocommerce-account table th,
.woocommerce-account table td,
.woocommerce-account .woocommerce-Price-amount {
    color: #000 !important;
}

/* Style My Account navigation links */
.woocommerce-MyAccount-navigation ul li a {
    color: #333 !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #1e874c !important;
    font-weight: 600 !important;
}

/* Hide theme hamburger */
.burger-icon { display: none !important; }

/* Custom Hamburger */
.afrimac-hamburger {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 99999;
  width: 30px;
  height: 22px;
  cursor: pointer;
}

.afrimac-hamburger span {
  display: block;
  height: 3px;
  margin: 5px 0;
  background: #E9D5A6; /* gold */
}

/* Overlay */
#afrimac-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  display: none;
  z-index: 99998;
}

/* Mobile Menu Panel */
#afrimac-mobile-menu {
  position: fixed;
  top: 0;
  right: -320px;
  width: 300px;
  height: 100vh;
  background: #0c5b3c;
  padding: 30px;
  transition: right 0.3s ease;
  z-index: 99999;
  overflow-y: auto;
}

/* Active state */
#afrimac-mobile-menu.active {
  right: 0;
}

#afrimac-overlay.active {
  display: block;
}

/* Close button */
.afrimac-close {
  font-size: 26px;
  color: #fff;
  margin-bottom: 20px;
  cursor: pointer;
}

/* Menu links */
.afrimac-menu li {
  list-style: none;
  margin: 15px 0;
}

.afrimac-menu a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}