/* ShoDe — увесь адаптив теми в одному файлі.
   Підключається ОСТАННІМ, після всіх інших стилів: правила тут мають
   перекривати базові, тому порядок важливий (див. inc/enqueue.php).

   Брейкпоїнти проєкту:
     1100px — ховається пошук у шапці
      900px — двоколонкові внутрішні сторінки стають в одну колонку
      860px — нав шапки їде окремим рядком, меню скролиться
      720px — сортування каталогу на всю ширину
      640px — компактні картки, картка дня стає шторкою знизу
*/


/* ═══════════════════════════════════════════════════
   header.css
   ═══════════════════════════════════════════════════ */

@media (max-width: 1100px) {
  .site-header__search { display: none; }
  .site-header__cta { padding: 10px 16px; font-size: 15px; }
}

@media (max-width: 860px) {
  .site-header__row {
    padding: 10px 16px;
    gap: 12px;
    row-gap: 10px;
  }

  .site-nav {
    order: 3;
    flex-basis: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 20px;
    padding-bottom: 2px;
  }

  .site-nav a { white-space: nowrap; }

  .site-header__cta {
    margin-left: auto;
    padding: 10px 14px;
    font-size: 14px;
  }

  .city__label { display: none; }
}


/* ═══════════════════════════════════════════════════
   index.css
   ═══════════════════════════════════════════════════ */




/* ═══════════════════════════════════════════════════
   catalog.css
   ═══════════════════════════════════════════════════ */

@media (max-width: 720px) {
  .sort { margin-left: 0; width: 100%; }
  .sort__wrap { flex: 1; }
  .sort__toggle { width: 100%; justify-content: space-between; }
}


/* ═══════════════════════════════════════════════════
   calendar.css
   ═══════════════════════════════════════════════════ */

@media (max-width: 640px) {
  .daycell { min-height: 58px; padding: 6px; }
  .daycell__list { display: none; }

  /* На вузьких екранах картка дня — це шторка знизу */
  .daypop {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    /* dvh рахує висоту вже без адресного рядка Safari — з vh шторка
       вилазила під нього. Перший рядок лишається для старих браузерів:
       вони dvh не знають і просто його проігнорують. */
    max-height: 72vh;
    max-height: 72dvh;
    border-left-width: 0;
    border-top: 3px solid var(--accent);
  }

  .calendar__cats { margin-left: 0; }
}


/* ═══════════════════════════════════════════════════
   detail.css
   ═══════════════════════════════════════════════════ */

@media (max-width: 900px) {
  .venue__cols { grid-template-columns: 1fr; }
  .venue__panel { position: static; top: auto; }
  .detail__top { grid-template-columns: 1fr; }
  .detail__aside { position: static; top: auto; }
  .detail__hero { height: clamp(320px, 60vw, 480px) !important; }
  .place__panel { position: static; top: auto; }
}