/* ── Selmatic — Mobile & Responsive Styles ── */

/* Desktop nav visible, hamburger hidden */
.sel-desktop-nav { display: flex !important; }
.sel-hamburger   { display: none !important; }

/* ── Breakpoint: tablet/mobile ≤ 768px ── */
@media (max-width: 768px) {
  .sel-desktop-nav { display: none !important; }
  .sel-hamburger   { display: flex !important; }

  /* Generic 2-col grids → 1 col */
  .mob-stack {
    grid-template-columns: 1fr !important;
  }

  /* Hero 2-col → stack */
  .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    padding: 80px 20px 56px !important;
  }

  /* Section padding */
  .mob-pad {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Hide right-col in hero on mobile */
  .hero-right-col {
    display: none !important;
  }

  /* Footer grid → stack */
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  /* Section headings */
  h1 { font-size: clamp(30px, 8vw, 48px) !important; }
  h2 { font-size: clamp(26px, 6vw, 36px) !important; }

  /* Card grids — let auto-fill do its thing but min narrower */
  [style*="minmax(300px"] {
    grid-template-columns: 1fr !important;
  }
  [style*="minmax(320px"] {
    grid-template-columns: 1fr !important;
  }
  [style*="minmax(340px"] {
    grid-template-columns: 1fr !important;
  }
  [style*="minmax(260px"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* 2-col grids in contact/fiscal */
  [style*="gridTemplateColumns:'1fr 420px'"],
  [style*="gridTemplateColumns:'1fr 360px'"],
  [style*="gridTemplateColumns:'1fr 380px'"],
  [style*="gridTemplateColumns:'420px 1fr'"],
  [style*="gridTemplateColumns:'2fr 1fr'"],
  [style*="gridTemplateColumns:'1fr 1fr'"] {
    grid-template-columns: 1fr !important;
  }

  /* Sidebar → below form */
  /* Featured blog card */
  [style*="gridTemplateColumns:'420px 1fr'"] {
    grid-template-columns: 1fr !important;
  }

  /* Inner 2-col grids (form fields) */
  form [style*="gridTemplateColumns:'1fr 1fr'"] {
    grid-template-columns: 1fr !important;
  }

  /* Step grid in how-we-work */
  [style*="minmax(240px"] {
    grid-template-columns: 1fr !important;
  }

  /* Pillars row in hero */
  [style*="gap:32, marginTop:72"] {
    gap: 16px !important;
    flex-wrap: wrap !important;
  }

  /* CTA buttons row */
  [style*="display:'flex', gap:16, flexWrap:'wrap'"] {
    flex-direction: column !important;
  }

  /* Nav padding */
  nav > div { padding: 0 16px !important; }

  /* Max width inner containers */
  [style*="maxWidth:1200"] > div,
  [style*="maxWidth:1100"] > div {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Blog featured card */
  [style*="gridTemplateColumns:'420px"] {
    grid-template-columns: 1fr !important;
  }

  /* Team / competency 3-col */
  [style*="minmax(320px, 1fr)"] {
    grid-template-columns: 1fr !important;
  }

  /* Case study expand full width */
  .case-card.expanded {
    grid-column: 1 !important;
  }

  /* SLA 4-col */
  [style*="minmax(260px, 1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Competencies detail 3-col */
  [style*="gridTemplateColumns:'1fr 1fr 1fr'"] {
    grid-template-columns: 1fr !important;
  }

  /* Footer 4-col */
  [style*="gridTemplateColumns:'2fr 1fr 1fr 1fr'"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Priority buttons in forms */
  [style*="gridTemplateColumns:'1fr 1fr'"] {
    grid-template-columns: 1fr !important;
  }

  /* General section padding */
  section { padding-left: 0 !important; padding-right: 0 !important; }
  section > div { padding-left: 20px !important; padding-right: 20px !important; }
}

/* ── Breakpoint: small mobile ≤ 480px ── */
@media (max-width: 480px) {
  [style*="minmax(260px, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
  [style*="gridTemplateColumns:'1fr 1fr'"] {
    grid-template-columns: 1fr !important;
  }
  .stat-row { flex-direction: column !important; gap: 20px !important; }
}