/* tdsguru.in — mobile refinements. Loaded AFTER site.css so these win. */

/* Footer: keep 2 columns on phones (instead of stacking to 1) so it isn't so long */
@media(max-width:860px){
  .fcols{grid-template-columns:1fr 1fr !important; gap:18px !important;}
}

/* Wide data tables: scroll WITHIN their own box so the page/header/footer don't move horizontally */
@media(max-width:760px){
  table{display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap;}
}

/* Mobile hamburger menu (built by site.js from the existing nav + Working File Login) */
.nav-toggle{display:none; background:none; border:none; cursor:pointer; padding:8px; flex-direction:column; gap:5px; margin-left:auto;}
.nav-toggle span{display:block; width:22px; height:2px; background:var(--accent); border-radius:2px; transition:.2s;}
.nav-mobile{display:none; flex-direction:column; background:#fff; border-top:1px solid var(--line); box-shadow:0 10px 24px rgba(20,50,60,.12); position:absolute; left:0; right:0; top:64px; padding:6px 16px 16px; z-index:30;}
.nav-mobile a{padding:12px 4px; border-bottom:1px solid #eef4f4; font-size:15px; font-weight:600; color:#33454d;}
.nav-mobile a:hover{text-decoration:none; color:var(--accent);}
.nav-mobile .wf-login-m{margin-top:12px; background:#1FA98F; color:#fff !important; border-radius:8px; text-align:center; padding:12px; border-bottom:none; display:flex; align-items:center; justify-content:center; gap:6px; font-weight:700;}

@media(max-width:820px){
  .site-h .nav, .site-h .hrow > .wf-login{display:none !important;}
  .nav-toggle{display:flex;}
  .site-h.nav-open .nav-mobile{display:flex;}
}