/*
Theme Name: Makhana Shop
Theme URI: https://makhanashop.com
Author: Hashtagweb.in
Author URI: https://hashtagweb.in
Description: A minimal WordPress theme for selling Makhana (Prickly Water Lily seeds) — clean, fast, and WooCommerce-ready.
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: makhana-shop
Tags: e-commerce, food, minimal, responsive, custom-colors, custom-logo, featured-images, translation-ready
*/

/* === Reset & Base === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
  color:#2c2c2c;
  background:#faf8f5;
  line-height:1.7;
}
img{max-width:100%;height:auto;display:block}
a{color:#5a7d4c;text-decoration:none;transition:color .2s ease}
a:hover{color:#3d5e33}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:#1a1a1a}
h1{font-size:2.2rem}
h2{font-size:1.8rem}
h3{font-size:1.4rem}
p{margin-bottom:1rem}

/* === Layout === */
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.section{padding:4rem 0}
.section-tight{padding:2.5rem 0}
.text-center{text-align:center}

/* === Header === */
.site-header{
  background:#fff;
  border-bottom:1px solid #e8e4de;
  position:sticky;top:0;z-index:999;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.site-header .container{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;padding-bottom:14px;
}
.site-branding{display:flex;align-items:center;gap:10px}
.custom-logo{max-height:50px;width:auto}
.site-title{font-size:1.3rem;margin:0;color:#5a7d4c}
.site-title a{color:inherit}
.site-description{font-size:.8rem;color:#888;margin:0}

/* === Navigation === */
.main-nav ul{list-style:none;display:flex;gap:1.5rem;margin:0}
.main-nav a{font-weight:500;font-size:.95rem;color:#444}
.main-nav a:hover{color:#5a7d4c}
.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#5a7d4c}

/* === Buttons === */
.btn{
  display:inline-block;padding:12px 28px;
  border-radius:6px;font-weight:600;font-size:.95rem;
  border:2px solid #5a7d4c;background:#5a7d4c;color:#fff;
  cursor:pointer;transition:all .2s ease;
}
.btn:hover{background:#3d5e33;border-color:#3d5e33;color:#fff}
.btn-outline{background:transparent;color:#5a7d4c}
.btn-outline:hover{background:#5a7d4c;color:#fff}

/* === Hero === */
.hero{
  background:linear-gradient(135deg,#f5f0e8 0%,#e8f0e3 100%);
  padding:5rem 0;text-align:center;
}
.hero h1{font-size:2.6rem;margin-bottom:1rem;color:#1a1a1a}
.hero p{font-size:1.15rem;color:#555;max-width:600px;margin:0 auto 2rem}
.hero .btn{margin:0 8px}

/* === Product Grid === */
.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:2rem;
}
.product-card{
  background:#fff;border:1px solid #eee;border-radius:8px;
  overflow:hidden;transition:box-shadow .2s ease;
}
.product-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}
.product-card img{width:100%;aspect-ratio:1;object-fit:cover}
.product-card-body{padding:1.2rem}
.product-card h3{font-size:1.1rem;margin-bottom:.5rem}
.product-card .price{font-size:1.1rem;color:#5a7d4c;font-weight:700;margin-bottom:.8rem}
.product-card .btn{padding:8px 18px;font-size:.85rem;width:100%;text-align:center}

/* === Benefits Section === */
.benefits-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:2rem;
}
.benefit-card{text-align:center;padding:1.5rem}
.benefit-card .icon{font-size:2.5rem;margin-bottom:.8rem}
.benefit-card h3{font-size:1.1rem;margin-bottom:.5rem}
.benefit-card p{font-size:.9rem;color:#666}

/* === About Section === */
.about-section{background:#fff}
.about-section .container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.about-section img{border-radius:10px;width:100%}
.about-section h2{margin-bottom:1rem}
.about-section p{color:#555}

/* === Contact / CTA === */
.cta-section{
  background:#5a7d4c;color:#fff;text-align:center;padding:4rem 0;
}
.cta-section h2{color:#fff;margin-bottom:1rem}
.cta-section p{color:#e0ebd9;max-width:500px;margin:0 auto 2rem}
.cta-section .btn{background:#fff;color:#5a7d4c;border-color:#fff}
.cta-section .btn:hover{background:#f0f0f0;color:#3d5e33}

/* === Footer === */
.site-footer{background:#1a2e14;color:#d0d0d0;padding:3rem 0 1.5rem}
.site-footer .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.footer-col h4{color:#fff;font-size:1rem;margin-bottom:1rem}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:.5rem}
.footer-col a{color:#c0c0c0;font-size:.9rem}
.footer-col a:hover{color:#fff}
.footer-bottom{text-align:center;border-top:1px solid #333;margin-top:2rem;padding-top:1.5rem;font-size:.85rem;color:#999}

/* === WooCommerce Overrides === */
.woocommerce ul.products li.product{border:1px solid #eee;border-radius:8px;background:#fff}
.woocommerce ul.products li.product .button{background:#5a7d4c;color:#fff;border-radius:4px}
.woocommerce ul.products li.product .button:hover{background:#3d5e33}
.woocommerce span.onsale{background:#5a7d4c;border-radius:4px}
.woocommerce div.product .product_title{color:#1a1a1a}
.woocommerce .price ins{color:#5a7d4c}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{background:#5a7d4c;color:#fff;border-radius:4px}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{background:#3d5e33}

/* === Responsive === */
@media(max-width:768px){
  .nav-toggle{display:block}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e8e4de;padding:1rem}
  .main-nav.active{display:block}
  .main-nav ul{flex-direction:column;gap:.8rem}
  .hero h1{font-size:1.8rem}
  .hero p{font-size:1rem}
  .about-section .container{grid-template-columns:1fr}
  .section{padding:2.5rem 0}
}