/* ==========================================================================
   NPPCP Theme — Responsive Breakpoints
   Spec: sm 600px, md 960px, lg 1280px, xl 1920px
   ========================================================================== */

/* --- sm: 600px --- */
@media (min-width: 600px) {
  .nppcp-grid--2,
  .nppcp-grid--3,
  .nppcp-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --- md: 960px --- */
@media (min-width: 960px) {
  .nppcp-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .nppcp-split {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

/* --- lg: 1280px --- */
@media (min-width: 1280px) {
  .nppcp-grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .nppcp-split {
    gap: 64px;
  }
}

/* --- Touch Target Enforcement --- */
@media (pointer: coarse) {
  .nppcp-nav a,
  .nppcp-btn,
  .nppcp-hamburger,
  .nppcp-mobile-nav a,
  .nppcp-input,
  .nppcp-select,
  .nppcp-footer__social a {
    min-height: 44px;
    min-width: 44px;
  }
}