/* =========================================================================
   CTET Assam Premium Theme — responsive.css
   Loaded after main.css so these media queries take precedence.
   ========================================================================= */

/* ---------- Laptop / small desktop ---------- */
@media (max-width:1100px){
  .card-grid--4{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:1024px){
  body.has-sidebar .layout,
  .layout--single{grid-template-columns:1fr;}
  .layout__sidebar{order:2;}
}

/* ---------- Tablet ---------- */
@media (max-width:980px){
  .hero__inner{grid-template-columns:1fr;gap:34px;}
  .hero{padding:56px 0 64px;}
  .course-section__inner{grid-template-columns:1fr;gap:30px;}
  .youtube-section__inner{grid-template-columns:1fr;gap:28px;}
  .site-footer__grid{grid-template-columns:1fr 1fr;}
}

/* ---------- Show mobile menu, hide desktop nav ---------- */
@media (max-width:880px){
  .main-nav{display:none;}
  .header-actions__join{display:none;}
  .hamburger{display:inline-flex;}
  .topbar__msg{display:none;}
  .topbar__inner{justify-content:center;}
  .section{padding:54px 0;}
  .stats__grid{grid-template-columns:repeat(2,1fr);}
  .stat{border-bottom:1px solid var(--c-border);}
  .stat:nth-child(2){border-right:0;}
}

/* ---------- Small tablet / large phone ---------- */
@media (max-width:760px){
  .card-grid--3{grid-template-columns:repeat(2,1fr);}
  .course-features{grid-template-columns:1fr;}
  .post-nav{grid-template-columns:1fr;}
  .post-nav__next{text-align:left;}
  .single-post{padding:24px;}
  .wa-cta{flex-direction:column;align-items:flex-start;}
  .final-cta__buttons,.error-404__links{flex-direction:column;align-items:stretch;}
  .final-cta__buttons .btn,.error-404__links .btn{width:100%;}
}

/* ---------- Phone ---------- */
@media (max-width:560px){
  .container{padding:0 16px;}
  .card-grid--3,.card-grid--4{grid-template-columns:1fr;}
  .stats__grid{grid-template-columns:1fr 1fr;}
  .hero__buttons{flex-direction:column;align-items:stretch;}
  .hero__buttons .btn{width:100%;}
  .site-branding__tag{display:none;}
  .section-title{font-size:1.5rem;}
  .float-wa__label{display:none;}
  .float-wa{padding:14px;border-radius:50%;}
  .float-wa__icon{font-size:1.4rem;}
  .footer-social{justify-content:flex-start;}
}

/* ---------- Tiny phone ---------- */
@media (max-width:380px){
  .stats__grid{grid-template-columns:1fr;}
  .site-footer__grid{grid-template-columns:1fr;}
}

/* ---------- PDF library responsive ---------- */
@media (max-width:760px){
  .pdf-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .pdf-item{flex-wrap:wrap;}
  .pdf-item__btn{width:100%;}
}