/* ==============================================
   GlampRussia — Header CSS v2 (glamp-header.css)
   Путь: /css/glamp-header.css
   ============================================== */

:root {
  --gr-green:   #2d7a4e;
  --gr-green-d: #1f5c38;
  --gr-dark:    #1a1a1a;
  --gr-gray:    #555;
  --gr-light:   #f7f7f7;
  --gr-border:  #e5e5e5;
  --gr-radius:  8px;
  --gr-shadow:  0 2px 8px rgba(0,0,0,.08);
  --gr-maxw:    1320px;
  --gr-hdr-h:   64px;
}

body.glamp-noscroll { overflow: hidden !important; }

/* ══════ TOP-BAR ══════ */
.glamp-topbar {
  background: var(--gr-dark) !important;
  color: #bbb !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  padding: 6px 0 !important;
}
.glamp-topbar .glamp-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.glamp-topbar__text { opacity: .85; }
.glamp-topbar__right {
  display: flex !important;
  gap: 18px !important;
}
.glamp-topbar__link {
  color: #ccc !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.glamp-topbar__link:hover { color: #fff !important; }

/* ══════ HEADER (STICKY) ══════ */
.glamp-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9990 !important;
  background: #fff !important;
  box-shadow: var(--gr-shadow) !important;
}
/* WordPress admin-bar fix */
.admin-bar .glamp-header {
  top: 32px !important;
}
@media (max-width: 782px) {
  .admin-bar .glamp-header {
    top: 46px !important;
  }
}

.glamp-header__main {
  height: var(--gr-hdr-h) !important;
}
.glamp-header__main .glamp-container {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  gap: 24px !important;
}

/* ══════ CONTAINER ══════ */
.glamp-container {
  max-width: var(--gr-maxw) !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* ══════ LOGO ══════ */
.glamp-logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  color: var(--gr-dark) !important;
  flex-shrink: 0 !important;
  line-height: 1.2 !important;
}
.glamp-logo__svg {
  flex-shrink: 0 !important;
}
.glamp-logo__text {
  display: flex !important;
  flex-direction: column !important;
}
.glamp-logo__text strong {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--gr-green) !important;
}
.glamp-logo__text small {
  font-size: 11px !important;
  color: var(--gr-gray) !important;
}
.glamp-logo .custom-logo-link {
  display: flex !important;
  align-items: center !important;
}
.glamp-logo .custom-logo {
  max-height: 40px !important;
  width: auto !important;
}

/* ══════ NAV (desktop) ══════ */
.glamp-nav {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
}
.glamp-nav__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 6px !important;
}
.glamp-nav__list li {
  position: relative !important;
}
.glamp-nav__list > li > a {
  display: block !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--gr-dark) !important;
  text-decoration: none !important;
  border-radius: var(--gr-radius) !important;
  transition: background .2s, color .2s !important;
  white-space: nowrap !important;
}
.glamp-nav__list > li > a:hover,
.glamp-nav__list > li.current-menu-item > a,
.glamp-nav__list > li.current-menu-ancestor > a {
  background: rgba(45,122,78,.08) !important;
  color: var(--gr-green) !important;
}

/* Sub-menu */
.glamp-nav__list .sub-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 200px !important;
  background: #fff !important;
  border: 1px solid var(--gr-border) !important;
  border-radius: var(--gr-radius) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
  padding: 8px 0 !important;
  list-style: none !important;
  margin: 0 !important;
  z-index: 100 !important;
}
.glamp-nav__list li:hover > .sub-menu {
  display: block !important;
}
.glamp-nav__list .sub-menu a {
  display: block !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  color: var(--gr-dark) !important;
  text-decoration: none !important;
  transition: background .15s !important;
}
.glamp-nav__list .sub-menu a:hover {
  background: var(--gr-light) !important;
  color: var(--gr-green) !important;
}

/* ══════ HEADER ACTIONS ══════ */
.glamp-header__actions {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}
.glamp-hdr-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  color: var(--gr-gray) !important;
  text-decoration: none !important;
  transition: background .2s, color .2s !important;
}
.glamp-hdr-icon:hover {
  background: rgba(45,122,78,.08) !important;
  color: var(--gr-green) !important;
}
.glamp-hdr-icon svg { flex-shrink: 0 !important; }

.glamp-hdr-badge {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  min-width: 18px !important;
  height: 18px !important;
  background: #e74c3c !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  text-align: center !important;
  border-radius: 10px !important;
  padding: 0 4px !important;
}

/* ══════ BURGER ══════ */
.glamp-burger {
  display: none !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  gap: 5px !important;
  flex-shrink: 0 !important;
  z-index: 9999 !important;
}
.glamp-burger span {
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  background: var(--gr-dark) !important;
  border-radius: 2px !important;
  transition: transform .3s, opacity .3s !important;
}
.glamp-burger--open span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
.glamp-burger--open span:nth-child(2) { opacity: 0 !important; }
.glamp-burger--open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }

/* ══════ MOBILE NAV ══════ */
.glamp-mobnav {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 9995 !important;
  background: rgba(0,0,0,.45) !important;
  opacity: 0 !important;
  transition: opacity .3s !important;
  pointer-events: none !important;
}
.glamp-mobnav--open {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.glamp-mobnav__inner {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 300px !important;
  max-width: 85vw !important;
  height: 100% !important;
  background: #fff !important;
  overflow-y: auto !important;
  transform: translateX(100%) !important;
  transition: transform .3s ease !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}
.glamp-mobnav--open .glamp-mobnav__inner { transform: translateX(0) !important; }
.glamp-mobnav__top {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--gr-border) !important;
}
.glamp-logo--mob { font-size: 16px !important; }
.glamp-mobnav__list {
  list-style: none !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
.glamp-mobnav__list li a {
  display: block !important;
  padding: 10px 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--gr-dark) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--gr-border) !important;
}
.glamp-mobnav__list li a:hover,
.glamp-mobnav__list li.current-menu-item a { color: var(--gr-green) !important; }
.glamp-mobnav__list .sub-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 16px !important;
}
.glamp-mobnav__list .sub-menu a {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--gr-gray) !important;
}
.glamp-mobnav__shortcuts {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--gr-border) !important;
}
.glamp-mobnav__shortcuts a {
  font-size: 14px !important;
  color: var(--gr-gray) !important;
  text-decoration: none !important;
  padding: 6px 0 !important;
}
.glamp-mobnav__shortcuts a:hover { color: var(--gr-green) !important; }

/* ══════ RESPONSIVE ══════ */
@media (max-width: 960px) {
  .glamp-topbar { display: none !important; }
  .glamp-nav { display: none !important; }
  .glamp-header__actions { margin-left: auto !important; }
  .glamp-burger { display: flex !important; }
  .glamp-mobnav { display: block !important; }
  .glamp-header__main { height: 56px !important; }
}
@media (max-width: 480px) {
  .glamp-hdr-icon--fav .glamp-hdr-badge { top: 0 !important; right: -2px !important; }
  .glamp-logo__text small { display: none !important; }
}

/* ── Убираем белый блок Reboot между контентом и footer ── */
.site-content { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.site-content-inner { padding-bottom: 0 !important; }
#primary { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#secondary { margin-bottom: 0 !important; }

.glamp-header * { box-sizing: border-box !important; }