/* =====================================================================
   Burntree Theme — responsive.css
   Breakpoints: 1024px (tablet/landscape), 768px (tablet), 560px (mobile)
   ===================================================================== */

/* ---------- <= 1024px ---------- */
@media (max-width: 1024px) {
  .bt-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .bt-process__list { grid-template-columns: repeat(2, 1fr); }
  .bt-footer__grid { grid-template-columns: 1fr 1fr; }
  .bt-hero__inner, .bt-oneroof__inner, .bt-lp-hero__inner { grid-template-columns: 1fr; }
  .bt-hero__media { order: -1; max-width: 520px; }
  .bt-service-detail__layout, .bt-contact__layout, .bt-blog-layout { grid-template-columns: 1fr; }
  .bt-form-card--lp { position: static; }
}

/* ---------- <= 768px ---------- */
@media (max-width: 768px) {
  body { font-size: 16px; }

  /* Mobile nav */
  .bt-nav-toggle { display: flex; }
  .bt-nav {
    position: fixed; inset: 0 0 0 auto; width: min(86vw, 360px); height: 100dvh;
    flex-direction: column; align-items: stretch; gap: 0; background: #fff;
    padding: 90px 24px 32px; box-shadow: -10px 0 40px rgba(17,24,39,.16);
    transform: translateX(100%); transition: transform .25s ease; overflow-y: auto; z-index: 110;
  }
  .bt-nav.is-open { transform: translateX(0); }
  .bt-menu { flex-direction: column; align-items: stretch; gap: 0; }
  .bt-menu li { border-bottom: 1px solid var(--bt-border); }
  .bt-menu a { padding: 14px 0; display: block; }
  .bt-menu .menu-item-has-children > a::after { float: right; }
  .bt-menu .sub-menu {
    position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none;
    border: 0; padding: 0 0 8px 12px; min-width: 0;
  }
  .bt-nav__cta { margin-top: 22px; }
  .bt-nav__cta .bt-btn { width: 100%; }
  body.bt-nav-open { overflow: hidden; }
  .bt-nav-backdrop { position: fixed; inset: 0; background: rgba(17,24,39,.5); z-index: 105; opacity: 0; visibility: hidden; transition: opacity .2s ease; }
  .bt-nav-backdrop.is-open { opacity: 1; visibility: visible; }

  .bt-grid--2, .bt-grid--3, .bt-grid--4 { grid-template-columns: 1fr; }
  .bt-process__list { grid-template-columns: 1fr; }
  .bt-industries__list { grid-template-columns: 1fr; }
  .bt-leadband__inner, .bt-cta-band__inner { text-align: center; flex-direction: column; }
  .bt-cta-band__actions { justify-content: center; }
  .bt-topbar { display: none; }
  .bt-footer__grid { grid-template-columns: 1fr; gap: 30px; padding: 44px 22px 32px; }
  .bt-footer__bottom-inner { flex-direction: column; text-align: center; }

  /* Sticky mobile CTA visible on phones/tablets */
  .bt-sticky-cta { display: flex; }
  .bt-lp-sticky { display: block; }
  #bt-main-wrap { padding-bottom: 64px; }

  .bt-page-head { padding: 32px 0 8px; }
  .bt-section { padding: 52px 0; }
}

/* ---------- <= 560px ---------- */
@media (max-width: 560px) {
  .bt-hero__cta .bt-btn, .bt-page-head__cta .bt-btn { width: 100%; }
  .bt-hero__cta, .bt-page-head__cta { flex-direction: column; }
  .bt-trust-strip__inner { justify-content: center; }
  .bt-lp-header__phone span { display: none; }
}
