<?php /* footer.php */ ?>
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>
/* ================= FOOTER ================= */
.site-footer,
.site-footer *{
  font-family:'Lora',serif;
}

.site-footer{
  background:#4a7c2c;
  color:#ffffff;
  margin-top:40px;
}


.footer-container{
  max-width:1200px;
  margin:auto;
  padding:40px 20px 20px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

/* HEADINGS */
.site-footer h4{
  color:#ffffff;
  margin-bottom:14px;
  font-size:16px;
  font-weight:700;
}

/* TEXT */
.site-footer p{
  font-size:14px;
  line-height:1.6;
  color:#f3fff0;
}

/* LINKS */
.footer-links a{
  display:block;
  color:#f3fff0;
  text-decoration:none;
  font-size:14px;
  margin-bottom:8px;
}

.footer-links a:hover{
  text-decoration:underline;
}

/* CONTACT */
.footer-contact span{
  display:block;
  font-size:14px;
  margin-bottom:8px;
  color:#f3fff0;
}

/* BOTTOM BAR */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.35);
  text-align:center;
  padding:14px 20px;
  font-size:13px;
  color:#f3fff0;
}

/* MOBILE */
@media(max-width:900px){
  .footer-container{
    grid-template-columns:1fr;
    text-align:center;
  }
}
</style>

<footer class="site-footer">

  <div class="footer-container">

    <div>
      <h4>Organic Store</h4>
      <p>
        Fresh and organic products directly from farmers.
        Healthy and natural groceries for your family.
      </p>
    </div>

    <div class="footer-links">
      <h4>Quick Links</h4>
      <a href="index.php">Home</a>
      <a href="products.php">Products</a>
      <a href="about.php">About</a>
      <a href="contact.php">Contact</a>
    </div>

    <div class="footer-links">
      <h4>Categories</h4>
      
      <a href="https://grocery.quickbizsolutions.in/products.php?category=2">Pulses</a>
      <a href="https://grocery.quickbizsolutions.in/products.php?category=7">Ghee</a>
      <a href="https://grocery.quickbizsolutions.in/products.php?category=4">Oils</a>
      <a href="https://grocery.quickbizsolutions.in/products.php?category=6">Desi Rice</a>
    </div>

    <div class="footer-contact">
      <h4>Contact</h4>
      <span>📍 Sainikpuri,Secunderabad,Telangana</span>
      <span>📞 +91 7829009995</span>
      <span>✉️ saisorganics@saimail.com</span>
    </div>

  </div>

  <div class="footer-bottom">
    © <?= date("Y") ?> Organic Store. All rights reserved.
  </div>

</footer>
