/*
 * density.css — visual density overrides
 * Loaded AFTER oxpins.css and all @stack('css') pushes so these rules win.
 * Two breakpoint blocks:
 *   - (min-width: 1200px)            : desktop
 *   - (min-width: 992px) and (max-width: 1199px) : small desktop / large tablet
 * Mobile (≤991px) is intentionally untouched.
 */

/* ═══════════════════════════════════════════════════════════════════
   DESKTOP  ≥ 1200px
   ═══════════════════════════════════════════════════════════════════ */
@media (min-width: 1200px) {

  /* ── Header top bar ──────────────────────────────────────────── */
  .main-menu-two__right-top {
    padding-top: 6px;
    padding-bottom: 12px;
  }

  .main-menu-two__volunteers-icon {
    height: 36px;
    width: 36px;
  }

  /* ── Nav bar ─────────────────────────────────────────────────── */
  .main-menu .main-menu__list > li {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  /* ── Homepage hero — allow next section to peek at 1440×900 ──── */
  /* Base: 185/190px (no oxpins ≥1200px override for container).
     Title base in oxpins ≥1200px: 75px / 80px → compressed here. */
  .main-slider-two .container {
    padding-top: 90px;
    padding-bottom: 100px;
  }

  .main-slider-two__title {
    font-size: clamp(50px, 4.25vw, 68px);
    line-height: 1.05;
  }

  /* ── Section titles (used site-wide) ─────────────────────────── */
  .section-title__title {
    font-size: clamp(28px, 3.5vw, 42px);
  }

  /* ── Inner page banner ───────────────────────────────────────── */
  .page-header {
    padding: 65px 0 60px;
  }

  .page-header__inner h2 {
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.3;
  }

  /* ── Content sections ────────────────────────────────────────── */
  .about-one {
    padding: 80px 0 80px;
  }

  .become-volunteer-one {
    padding: 70px 0 75px;
  }

  .events-one {
    padding: 80px 0 80px;
  }

  .news-one {
    padding: 80px 0 60px;
  }

  .team-one {
    padding: 80px 0 60px;
  }

  .testimonial-one {
    padding: 80px 0 90px;
  }

  /* ── Newsroom page ───────────────────────────────────────────── */
  .news-sidebar {
    padding: 50px 0 70px;
  }

  .sidebar__search-form input[type="search"] {
    height: 52px;
  }

  /* ── Footer (.site-footer__top has padding: 100px 0 98px in oxpins.css) ── */
  .site-footer__top {
    padding-top: 65px;
    padding-bottom: 65px;
  }

}

/* ═══════════════════════════════════════════════════════════════════
   SMALL DESKTOP / LARGE TABLET  992px – 1199px
   At this range: header switches to mobile hamburger (top bar hidden).
   Section paddings and page-header have NO responsive override in
   oxpins.css — they stay at their full desktop values (120px / 141px).
   ═══════════════════════════════════════════════════════════════════ */
@media (min-width: 992px) and (max-width: 1199px) {

  /* ── Homepage hero
     Base: padding-top: 185px; padding-bottom: 190px (no tablet override) ── */
  .main-slider-two .container {
    padding-top: 145px;
    padding-bottom: 150px;
  }

  /* ── Section titles
     Base: 50px (no tablet override for the generic selector) ── */
  .section-title__title {
    font-size: 36px;
  }

  /* ── Inner page banner
     Base: padding: 141px 0 132px (no tablet override) ── */
  .page-header {
    padding: 100px 0 90px;
  }

  .page-header__inner h2 {
    font-size: 32px;
    line-height: 1.3;
  }

  /* ── Content sections
     .events-one and .testimonial-one are explicitly set to 120px in
     oxpins.css 992-1199 block — these rules override that since
     density.css loads last.
     Others (.about-one, .news-one, .team-one) stay at base 120px. ── */
  .about-one {
    padding: 90px 0 90px;
  }

  .become-volunteer-one {
    padding: 80px 0 85px;
  }

  .events-one {
    padding: 90px 0 90px;
  }

  .news-one {
    padding: 90px 0 70px;
  }

  .team-one {
    padding: 90px 0 70px;
  }

  .testimonial-one {
    padding: 90px 0 100px;
  }

  /* ── Newsroom page
     Base: padding: 120px 0 120px (no tablet override) ── */
  .news-sidebar {
    padding: 90px 0 90px;
  }

  .sidebar__search-form input[type="search"] {
    height: 58px;
  }

  /* ── Footer (.site-footer__top: 100px 0 98px, no tablet override) ── */
  .site-footer__top {
    padding-top: 75px;
    padding-bottom: 75px;
  }

}