/* ── Nav mobile + topbar ukryty (≤ 1000px) ───────────── */
@media (max-width: 1000px) {
  /* Topbar całkiem znika */
  .ramza-topbar {
    display: none !important;
  }

  /* Treść pod samym headerem (50px) */
  body {
    padding-top: 50px;
  }

  /* Hero slider — usuń padding boczny */
  .ramza-hero-slider--left .ramza-hero-slider__content,
  .ramza-hero-slider--right .ramza-hero-slider__content {
    padding-left: 0;
    padding-right: 0;
  }
}


/* ── Tablet (≤ 1024px) ────────────────────────────────── */
@media (max-width: 1024px) {
  :root {
    --ramza-section-pad: 50px 40px;
  }

  .ramza-topbar__inner {
    padding: 0 30px;
    gap: 16px;
  }

  .ramza-site-header__inner {
    padding: 0 30px;
  }

  .ramza-footer {
    padding: 40px 40px;
  }

  .ramza-footer__columns {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .wp-block-query.ramza-projects-query .wp-block-post-template {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Custom blocks — tablet */
  .ramza-siatka-atutow__grid,
  .ramza-siatka-oferty__grid { grid-template-columns: repeat(2, 1fr); }
  .ramza-projekty-grid       { grid-template-columns: repeat(2, 1fr); }

  .ramza-sekcja-o-nas__inner,
  .ramza-sekcja-tekst-obraz__inner,
  .ramza-sekcja-tekst-obraz__inner.img-left { grid-template-columns: 1fr; }
  .ramza-sekcja-tekst-obraz__inner.img-left .ramza-sekcja-tekst-obraz__img,
  .ramza-sekcja-tekst-obraz__inner.img-left .ramza-sekcja-tekst-obraz__img-wrap { order: -1; }

  .ramza-sekcja-o-nas__right { flex-direction: row; justify-content: center; width: 100%; }
  .ramza-sekcja-tekst-obraz__img { height: 250px; }
}

/* ── Mobile (≤ 768px) ─────────────────────────────────── */
@media (max-width: 768px) {
  :root {
    --ramza-section-pad: 40px 20px;
  }

  /* Top bar */
  .ramza-topbar__inner {
    padding: 0 20px;
    gap: 12px;
    justify-content: center;
  }

  .ramza-topbar__inner .ramza-contact-link {
    font-size: 12px;
  }

  /* Header */
  .ramza-site-header__inner {
    padding: 0 20px;
    height: 60px;
  }

  body {
    padding-top: 60px;
  }

  /* Hero */
  .ramza-hero-slider { min-height: 400px; }
  .ramza-hero-slider__content { padding: 20px; }
  .ramza-hero-slider__title { font-size: 22px; }
  .ramza-hero-slider__subtitle { font-size: 14px; }

  /* Typography */
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
  h3 { font-size: 16px; }

  /* Columns → vertical */
  .wp-block-columns {
    flex-direction: column;
    gap: 20px;
  }

  .wp-block-column {
    flex-basis: 100% !important;
  }

  /* Features */
  .ramza-feature-card {
    padding: 20px 15px;
  }

  /* Project cards */
  .wp-block-query.ramza-projects-query .wp-block-post-template {
    grid-template-columns: 1fr;
  }

  /* About */
  .ramza-about-image {
    width: 180px;
    height: 180px;
  }

  .ramza-stat-badge__number {
    font-size: 42px;
  }

  /* Contact row */
  .ramza-contact-row {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  /* Footer */
  .ramza-footer {
    padding: 40px 20px;
  }

  .ramza-footer__columns {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .ramza-footer__bottom {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }

  /* Cover / media-text */
  .wp-block-cover {
    min-height: 300px;
    padding: 40px 20px !important;
  }

  .wp-block-media-text {
    grid-template-columns: 1fr !important;
  }

  .wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 20px;
  }

  /* Buttons */
  .wp-element-button,
  .wp-block-button__link,
  .btn {
    font-size: 13px;
    padding: 10px 20px;
  }

  /* Section padding override for Cover */
  .wp-block-group {
  }

  /* Custom blocks — mobile */
  .ramza-siatka-atutow__grid,
  .ramza-siatka-oferty__grid,
  .ramza-projekty-grid { grid-template-columns: 1fr; }
  .ramza-sekcja-o-nas__right { flex-direction: column; }
  .ramza-galeria-teaser__content { padding: 30px 20px; }
  .ramza-sekcja-tekst-obraz__img { height: 200px; }

  /* Query loop cards */
  .ramza-projects-loop .wp-block-post-featured-image img {
    height: 160px;
  }
}

/* ── Small mobile (≤ 480px) ───────────────────────────── */
@media (max-width: 480px) {
  :root {
    --ramza-section-pad: 30px 16px;
  }

  .ramza-topbar__inner {
    flex-direction: column;
    height: auto;
    padding: 8px 16px;
    gap: 4px;
    justify-content: center;
  }

  .ramza-site-header__inner {
    padding: 0 16px;
  }

  h1 { font-size: 20px; }
  h2 { font-size: 18px; }

  .ramza-hero-slider__title { font-size: 18px; }
  .ramza-hero-slider__subtitle { font-size: 13px; }

  .ramza-footer {
    padding: 30px 16px;
  }
}