/* =========================================================
   TICL — GLOBAL PAGE LAYOUT (FINAL)
   PURPOSE:
   - Page frame only (spacing & structure)
   - NO content styling
   - NO page-specific behavior
========================================================= */

/* C:\xampp_8.2_TICL\htdocs\ticl_web\public\assets\css\core\layout.css */

/* =========================================================
   1️⃣ BODY — HEADER SPACING ONLY
   (HN Bar + Brand Header tayari ni fixed)
========================================================= */
body {
  margin: 0;
  padding-top: 100px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: Arial, sans-serif;
  background-color: var(--light-bg);
}

/* =========================================================
   2️⃣ MAIN CONTENT — NEUTRAL & PREDICTABLE
========================================================= */
main.content {
  margin: 0;                /* 🚫 USIWEKE margin-top hapa */
  padding: 0 20px;          /* Padding ya msingi (safe) */
  position: static;   /* 🔑 ondoa stacking context */
  z-index: auto;
  flex: 1;                  /* Footer ibaki chini */
}

/* =========================================================
   GLOBAL HEADING NORMALIZATION
   (Applies to ALL pages)
========================================================= */
main.content h1:first-child,
main.content h2:first-child {
  margin-top: 0;
}

/* =========================================================
   4️⃣ PAGE-SPECIFIC SPACING (FRAME LEVEL ONLY)
   ⚠️ HAPA HAKUNA CONTENT STYLES
========================================================= */

/* Home / Index */
body.home main.content {
  margin-top: 0;          /* ✅ acha body padding ichukue kazi */
  margin-left: 30px;
}

/* About */
body.about main.content {
  margin-top: 40px;
  margin-left: 30px;
  padding-bottom: 0;   /* ← futa ziada */
}

/* Services */
body.products main.content {
  margin-top: 40px;
  margin-left: 30px;
}

/* Services */
body.services main.content {
  margin-top: 40px;
  margin-left: 30px;
}

/* News */
body.news main.content {
  margin-top: 40px;
  margin-left: 30px;
}

/* Publications */
body.publications main.content {
  margin-top: 40px;
  margin-left: 30px;
}

/* FAQs */
body.faqs main.content {
  margin-top: 0;
  margin-left: 0;
  padding-top: 40px;
  padding-left: 50px;
}

/* Tender Search */
body.tender-search main.content {
  margin-top: 40px;
  margin-left: 30px;
}

/* Contact */
body.contact main.content {
  margin-top: 40px;
  margin-left: 30px;
  padding-bottom: 24px; /* 🔑 ongeza extra kwa map */
}


/* =========================================================
   5️⃣ MOBILE OVERRIDES (IMPORTANT)
========================================================= */
@media (max-width: 600px) {
  body {
    padding-top: 110px;
  }

  main.content {
    padding: 0 15px;
  }

  /* All pages — reset left margin on mobile */


  body.about main.content,
  body.products main.content,
  body.services main.content,
  body.services main.content,
  body.publications main.content,
  body.news main.content,
  body.faqs main.content,
  body.contact main.content {
    margin-left: 0;
    margin-right: 0;
  }
}

html, body {
  overflow-x: hidden;
}

html {
  overflow-y: scroll;
}

/* =========================================================
   FOOTER — FULL WIDTH (OVERRIDE BODY PADDING)
========================================================= */
body > footer {
  margin-left: -20px;
  margin-right: -20px;
  box-sizing: border-box;
  width: auto;
}