/* ============================================================
   GROWVASIA — MODERN THEME (FINAL)
   v2.0 — Green / W3Schools style / Mobile-first
   ------------------------------------------------------------
   Load AFTER main.css. Overrides visual styles only.
   No PHP, no CodeIgniter, no database touched.
   Covers: homepage, postlist, post (inner), catlist,
           dailyinfo, about, contact + mobile nav fix.
   ============================================================ */

:root{
  --gv-g:#0e9f6e;
  --gv-gd:#057a55;
  --gv-gl:#def7ec;
  --gv-ink:#0f2417;
  --gv-text:#1a1a1a;
  --gv-muted:#6b7280;
  --gv-bg:#f7f9f8;
  --gv-border:#e8ebe9;
  --gv-r:12px;
  --gv-sh:0 2px 14px rgba(15,36,23,0.07);
}

/* === BASE === */
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  background:#fff !important;
  color:var(--gv-text) !important;
}
a{ transition:color .18s,background .18s; }
img{ max-width:100%; }

/* === TOP BAR === */
.header-top{
  background:var(--gv-ink) !important;
  border:none !important;
  padding:6px 0 !important;
}
.header-top li a{
  color:rgba(255,255,255,0.8) !important;
  font-size:12px !important;
}
.header-top li a:hover{ color:#fff !important; }

/* === LOGO BAR === */
.logo-wrap{
  background:#fff !important;
  padding:10px 0 !important;
  border-bottom:1px solid var(--gv-border) !important;
  box-shadow:none !important;
}
.logo-wrap img{ max-height:40px !important; }

/* === DESKTOP NAV BAR (main-menu) === */
.main-menu{
  background:var(--gv-g) !important;
  border-top:none !important;
  box-shadow:0 2px 8px rgba(15,36,23,0.12) !important;
  position:sticky !important;
  top:0;
  z-index:998 !important;
}
.nav-menu > li > a{
  color:#fff !important;
  font-weight:500 !important;
  font-size:14px !important;
  padding:14px 18px !important;
  border-bottom:2px solid transparent !important;
}
.nav-menu > li.menu-active > a,
.nav-menu > li > a:hover{
  background:rgba(255,255,255,0.12) !important;
  color:#fff !important;
  border-bottom:2px solid #fff !important;
}
/* Search box */
.navbar-right .form-control,
.navbar-right input[type="text"]{
  border-radius:20px !important;
  background:rgba(255,255,255,0.15) !important;
  border:1px solid rgba(255,255,255,0.3) !important;
  color:#fff !important;
}
.navbar-right .form-control::placeholder{ color:rgba(255,255,255,0.7) !important; }
.navbar-right .lnr{ color:#fff !important; }

/* === MOBILE NAV TOGGLE — THE FIX === */
/* The toggle button needs to be visible & correctly placed on green bar */
#mobile-nav-toggle{
  display:none;
  position:relative !important;
  left:auto !important;
  float:right;
  background:transparent !important;
  border:1.5px solid rgba(255,255,255,0.5) !important;
  border-radius:6px !important;
  padding:6px 10px !important;
  margin:10px 0 10px 10px !important;
  cursor:pointer;
  z-index:100001 !important;
}
#mobile-nav-toggle i{
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  display:block;
}
#mobile-nav-toggle .menu-title{
  color:#fff !important;
  font-size:11px !important;
  display:block;
  text-align:center;
  margin-top:2px;
}
@media (max-width:991px){
  #mobile-nav-toggle{ display:block !important; }
  #nav-menu-container{ display:none !important; }
  .navbar-right{ display:none !important; }
  /* Make main-menu flex so logo and toggle sit side by side */
  .main-menu .row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
  }
}

/* === MOBILE SLIDE-IN MENU === */
#mobile-nav{
  background:var(--gv-ink) !important;
  width:280px !important;
  padding-top:60px !important;
  z-index:100000 !important;
}
#mobile-nav ul li a{
  color:rgba(255,255,255,0.88) !important;
  font-size:14px !important;
  padding:13px 20px !important;
  border-bottom:1px solid rgba(255,255,255,0.06) !important;
  font-weight:500 !important;
  text-transform:none !important;
}
#mobile-nav ul li a:hover{
  background:var(--gv-g) !important;
  color:#fff !important;
}
/* Close (X) button inside mobile nav */
body.mobile-nav-active #mobile-nav-toggle{
  position:fixed !important;
  top:14px !important;
  right:16px !important;
  z-index:100002 !important;
}
#mobile-body-overly{
  z-index:99999 !important;
  background:rgba(0,0,0,0.55) !important;
}

/* === HERO BANNER (postlist / catlist inner pages) === */
.hero-nav-area{
  background:linear-gradient(135deg,var(--gv-g) 0%,var(--gv-gd) 100%) !important;
  border-radius:0 0 20px 20px !important;
  padding:32px 0 24px !important;
}
.hero-nav-area h1{
  font-size:24px !important;
  font-weight:600 !important;
  color:#fff !important;
  line-height:1.35 !important;
}
.hero-nav-area .link-nav,
.hero-nav-area .link-nav a{
  color:rgba(255,255,255,0.82) !important;
  font-size:13px !important;
}
.hero-nav-area .lnr{ color:rgba(255,255,255,0.6) !important; }

/* === POST LIST CARDS (postlist.php) === */
.latest-post-area{ background:#fff !important; }
.latest-post-wrap .cat-title{
  font-size:17px !important;
  font-weight:600 !important;
  color:var(--gv-ink) !important;
  padding-left:12px !important;
  border-left:4px solid var(--gv-g) !important;
  margin-bottom:20px !important;
}
.single-latest-post{
  background:#fff !important;
  border:1px solid var(--gv-border) !important;
  border-radius:var(--gv-r) !important;
  padding:16px !important;
  margin-bottom:18px !important;
  box-shadow:var(--gv-sh) !important;
  transition:transform .2s,box-shadow .2s !important;
}
.single-latest-post:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 8px 24px rgba(14,159,110,0.13) !important;
}
.single-latest-post .feature-img{
  border-radius:8px !important;
  overflow:hidden !important;
}
.single-latest-post .post-right h4,
.single-latest-post .post-right h4 a{
  font-size:16px !important;
  font-weight:600 !important;
  color:var(--gv-ink) !important;
  line-height:1.4 !important;
}
.single-latest-post .post-right h4 a:hover{ color:var(--gv-g) !important; }
.single-latest-post .meta li{ color:var(--gv-muted) !important; font-size:12px !important; }
.single-latest-post .excert{ color:#555 !important; font-size:13.5px !important; line-height:1.65 !important; }

/* === INNER POST PAGE (post.php) === */
.blog-post-area{ background:#fff !important; }
.main-post h1,.blog-dtls h1,.post-title-area h1{
  font-size:26px !important;
  font-weight:600 !important;
  color:var(--gv-ink) !important;
  line-height:1.35 !important;
}
.post-meta-info li,.post-info li,.meta-post li{
  color:var(--gv-muted) !important;
  font-size:12px !important;
}
.main-post img,.blog-dtls img{
  border-radius:10px !important;
  max-width:100% !important;
  height:auto !important;
}
.main-post p,.blog-dtls p,.post-content p{
  font-size:15px !important;
  line-height:1.8 !important;
  color:#374151 !important;
  margin-bottom:1rem !important;
}
.main-post h2,.blog-dtls h2{ font-size:20px !important; font-weight:600 !important; color:var(--gv-ink) !important; margin-top:1.5rem !important; }
.main-post h3,.blog-dtls h3{ font-size:17px !important; font-weight:600 !important; color:var(--gv-ink) !important; }
.main-post table,.blog-dtls table{
  width:100% !important;
  border-collapse:collapse !important;
  margin:1.25rem 0 !important;
  font-size:14px !important;
}
.main-post table th,.blog-dtls table th{
  background:var(--gv-g) !important;
  color:#fff !important;
  padding:10px 14px !important;
  text-align:left !important;
}
.main-post table td,.blog-dtls table td{
  border:1px solid var(--gv-border) !important;
  padding:9px 14px !important;
}
.main-post table tr:nth-child(even) td{ background:var(--gv-gl) !important; }

/* Related / share section in post */
.related-post-area .section-top-border{ border-color:var(--gv-border) !important; }
.post-share a,.share-btn a{
  background:var(--gv-gl) !important;
  color:var(--gv-gd) !important;
  border-radius:6px !important;
  padding:6px 14px !important;
  font-size:12px !important;
  font-weight:500 !important;
}
.post-share a:hover,.share-btn a:hover{ background:var(--gv-g) !important; color:#fff !important; }

/* === SIDEBAR (all pages) === */
.sidebars-area .single-sidebar-widget{
  background:#fff !important;
  border:1px solid var(--gv-border) !important;
  border-radius:var(--gv-r) !important;
  padding:16px !important;
  margin-bottom:20px !important;
  box-shadow:var(--gv-sh) !important;
}
.sidebars-area .title,
.sidebar-title,.widget-title{
  color:var(--gv-ink) !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  padding-bottom:9px !important;
  border-bottom:2px solid var(--gv-gl) !important;
  margin-bottom:13px !important;
}
.editors-pick-post .details h4 a{ color:var(--gv-ink) !important; font-size:13px !important; }
.editors-pick-post .details h4 a:hover{ color:var(--gv-g) !important; }
.tags li a,.tags a{
  background:var(--gv-gl) !important;
  color:var(--gv-gd) !important;
  border-radius:13px !important;
  font-size:11px !important;
  font-weight:500 !important;
  padding:4px 11px !important;
  border:none !important;
}
.tags li a:hover,.tags a:hover{ background:var(--gv-g) !important; color:#fff !important; }

/* === PAGINATION === */
.pagination li a,.page-item a{
  border:1px solid var(--gv-border) !important;
  color:var(--gv-g) !important;
  border-radius:6px !important;
  margin:0 2px !important;
}
.pagination li.active a,.page-item.active a{
  background:var(--gv-g) !important;
  border-color:var(--gv-g) !important;
  color:#fff !important;
}

/* === BUTTONS === */
.btn-primary,.theme-btn{
  background:var(--gv-g) !important;
  border-color:var(--gv-g) !important;
  border-radius:7px !important;
  font-weight:500 !important;
}
.btn-primary:hover,.theme-btn:hover{
  background:var(--gv-gd) !important;
  border-color:var(--gv-gd) !important;
}
.btn-outline-primary{
  border-color:var(--gv-g) !important;
  color:var(--gv-g) !important;
}
.btn-outline-primary:hover{ background:var(--gv-g) !important; color:#fff !important; }

/* === FOOTER === */
footer,.footer-area{
  background:var(--gv-ink) !important;
  color:rgba(255,255,255,0.8) !important;
}
.footer-area h4,.footer-area h6{ color:#fff !important; }
.footer-area a,.footer-area li{ color:rgba(255,255,255,0.72) !important; }
.footer-area a:hover{ color:#fff !important; }
.footer-area .footer-bottom,.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.12) !important;
  color:rgba(255,255,255,0.55) !important;
}

/* === AD ZONES — hidden until AdSense fills them === */
.gv-ad-slot{
  display:none;
  width:100%;
  margin:16px 0;
  text-align:center;
  overflow:hidden;
}
.gv-ad-slot.gv-ad-filled{ display:block; }

/* === MOBILE FIRST RESPONSIVE === */
@media (max-width:767px){
  .hero-nav-area{ padding:20px 0 16px !important; border-radius:0 0 14px 14px !important; }
  .hero-nav-area h1{ font-size:18px !important; }
  .single-latest-post{ padding:10px !important; }
  .single-latest-post .post-right h4{ font-size:14px !important; }
  .logo-wrap img{ max-height:32px !important; }
  .main-post h1,.blog-dtls h1{ font-size:20px !important; }
  .main-post p,.blog-dtls p{ font-size:14px !important; }
  .main-post table,.blog-dtls table{ font-size:12px !important; }
  /* Table scroll on mobile */
  .main-post .table-wrap,.blog-dtls .table-wrap{ overflow-x:auto !important; }
  /* Sidebar goes below content on mobile */
  .sidebars-area{ margin-top:24px !important; }
  /* Bottom nav spacing */
  body{ padding-bottom:58px !important; }
}

/* === STICKY BOTTOM NAV (mobile only — injected by ad-helper.js) === */
.gv-bottom-nav{
  display:none;
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:9000;
  background:#fff;
  border-top:1px solid var(--gv-border);
  box-shadow:0 -2px 8px rgba(0,0,0,0.06);
  padding:6px 0 env(safe-area-inset-bottom,6px);
}
@media (max-width:767px){ .gv-bottom-nav{ display:flex !important; } }
.gv-bottom-nav a{
  flex:1;
  text-align:center;
  font-size:10.5px;
  color:var(--gv-muted);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:2px 0;
}
.gv-bottom-nav a i{ font-size:19px; }
.gv-bottom-nav a.active{ color:var(--gv-gd); }