/* =========================================================
   Gurman Ćaka - Responsive
   ========================================================= */

/* ---------- >= 480px ---------- */
@media (min-width: 480px) {
  .stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .cat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .form-row--2 {
    grid-template-columns: 1fr 1fr;
  }

  .form-row--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ---------- >= 768px (tablet) ---------- */
@media (min-width: 768px) {
  .trust-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .split-grid {
    grid-template-columns: 1fr 1fr;
  }

  .split-card {
    min-height: 520px;
  }

  .room-grid--2,
  .room-grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .info-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact-duo {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .event-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .rest-intro {
    grid-template-columns: 1fr 1fr;
    gap: 3.5rem;
  }

  .alt-split {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }

  .alt-split--reverse .alt-split-media {
    order: 2;
  }

  .amenities-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .about-story {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }

  .about-values {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact-layout {
    grid-template-columns: 3fr 2fr;
    gap: 4rem;
  }

  .reserve-layout {
    grid-template-columns: 1.4fr 1fr;
    gap: 4rem;
  }

  .event-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .review-inner {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr;
  }

  .footer-col--contact {
    grid-column: 1 / -1;
  }

  .room-detail-grid {
    grid-template-columns: 1.6fr 1fr;
    gap: 4rem;
  }

  .room-amenities {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mobile-bar {
    display: none;
  }

  body.has-mobile-bar {
    padding-bottom: 0;
  }
}

/* ---------- >= 1024px (desktop) ---------- */
@media (min-width: 1024px) {
  .site-nav {
    display: block;
  }

  .nav-toggle {
    display: none;
  }

  .room-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .footer-grid {
    grid-template-columns: 1.6fr 1fr 1fr 1.3fr;
  }

  .footer-col--contact {
    grid-column: auto;
  }

  .mobile-menu {
    display: none;
  }

  .menu-item {
    grid-template-columns: 1fr;
  }

  .menu-list {
    columns: 2;
    column-gap: 3rem;
  }

  .menu-cat {
    break-inside: avoid;
  }

  .sticky-book {
    display: block;
  }
}

/* ---------- >= 1280px (veliki desktop) ---------- */
@media (min-width: 1280px) {
  .gallery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* ---------- < 768px (mobilni) ---------- */
@media (max-width: 767px) {
  .brand-text {
    display: flex;
  }

  .brand-sub {
    display: none;
  }

  .book-wrap {
    display: none;
  }

  .cat-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.55rem;
  }
}

/* ---------- == 320–390px (mali mobilni) ---------- */
@media (max-width: 390px) {
  :root {
    --h1: clamp(2.1rem, 9.5vw, 2.6rem);
    --h2: clamp(1.7rem, 8vw, 2.1rem);
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .split-card {
    min-height: 420px;
  }

  .mobile-menu-cta {
    grid-template-columns: 1fr;
  }

  .room-card-actions .btn {
    flex: 1 1 100%;
  }
}

/* ---------- Header transparent na heroju ---------- */

/* Stranice sa tamnim herojem - header poprima tamni stil */