/*
 Theme Name: Hostel Gvardeyskiy
 Theme URI: https://example.com/hostel-gvardeyskiy
 Description: Минимальная тема для хостела «Гвардейский» под связку WP Hotel Booking + WP Hotel Booking WooCommerce + WooCommerce (YooKassa). Адаптивная, легкая, без билдов.
 Author: Азамат Бейсеков
 Author URI: https://example.com
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: hostel-gvardeyskiy
 Tags: minimal, hotel, booking, woocommerce
*/
:root{--fg:#111;--bg:#fff;--acc:#1c7ed6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fg);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{padding:14px 0;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:9}
.brand a{font-weight:700;text-decoration:none;color:var(--fg)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}
.nav a{color:var(--fg);text-decoration:none;padding:8px 10px;border-radius:8px}
.nav a:hover{background:#f5f5f5}
.hero{display:grid;align-items:center;min-height:62vh;padding:48px 0;background:linear-gradient(180deg,#f8f9fa,transparent)}
.hero h1{font-size:clamp(28px,4.5vw,44px);margin:0 0 8px}
.hero p{max-width:860px;margin:8px 0 20px;color:#444}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.badge{border:1px solid #e6e6e6;border-radius:999px;padding:8px 12px;font-size:14px;white-space:nowrap;background:#fff}
.cta{display:inline-block;background:var(--acc);color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:600}
.cta:hover{opacity:.9}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{border:1px solid #eee;border-radius:16px;overflow:hidden;background:#fff}
.card img{display:block;width:100%;height:180px;object-fit:cover;background:#ddd}
.card .pad{padding:14px}
.card h3{margin:0 0 6px;font-size:18px}
footer.site-footer{margin-top:40px;border-top:1px solid #eee;padding:22px 0;color:#555}
.small{font-size:13px;color:#666}
.grid{display:grid;gap:16px}
@media (max-width:640px){
  .nav ul{gap:8px}
}
/* === FIX: бургер кликается поверх всего, а закрытая панель не ловит тапы === */
@media (max-width: 880px){
  .hgv-header__bar,
  .hgv-burger{
    position: relative;
    z-index: 10040;              /* выше оверлея (10025) и панели (10030) */
  }

  .hgv-nav{
    pointer-events: none;        /* пока закрыта — не перехватывает клики */
    touch-action: manipulation;
  }
  .hgv-header.is-open .hgv-nav{
    pointer-events: auto;        /* открыта — клики внутри меню работают */
  }
}

/* 1) Ограничиваем размер логотипа везде (классические и блочные темы) */
.custom-logo,
.wp-block-site-logo img {
  max-height: 56px;  /* при желании 48/64 */
  height: auto;
  width: auto;
  display: block;
  object-fit: contain;
  margin: 0;
}

/* 2) Шапка — в одну строку, центрирование по вертикали */
.site-header,
.site-header .site-branding,
.header,
.header .container,
.wp-block-template-part__header,
.wp-site-blocks > header,
.wp-site-blocks header .wp-block-group {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* 3) Меню уезжает вправо */
.primary-navigation,
.main-navigation,
.wp-block-navigation {
  margin-left: auto;
}

/* 4) Убираем лишние отступы сверху/снизу */
.site-header,
.wp-site-blocks > header {
  padding: 8px 16px;
}
.wp-block-site-logo { margin: 0 !important; }

/* 5) Если рядом дубль названия сайта — прячем текстовый тайтл (опционально) */
.site-title, .wp-block-site-title { display: none; }

/* 6) Мобильная подстройка */
@media (max-width: 782px) {
  .custom-logo,
  .wp-block-site-logo img { max-height: 44px; }
}