/* ==================================================
   Site-specific tweaks for Anastasiia Svintytska
   (text logo, one-page nav helpers, booking placeholders)
   ================================================== */

/* text logo in header (replaces raster wordmark)
   note: do NOT set `display` here - .logo-main / .logo-scroll / .logo-mobile
   already control show/hide (desktop vs mobile) in style.css, and a more
   specific display rule here would override that toggling. */
header div#logo .logo-text {
  font-family: var(--heading-font);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-font-color);
  letter-spacing: .2px;
}

header div#logo .logo-text small {
  display: block;
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--primary-color);
  margin-top: 2px;
}

header div#logo a.logo-text-link {
  display: inline-block;
}

header .logo-mobile.logo-text {
  font-size: 17px;
}

/* footer text logo */
footer .logo-footer-text {
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
}

footer .logo-footer-text small {
  display: block;
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--primary-color);
  margin-top: 4px;
}

/* semi-transparent cards on dark jarallax sections (booking) */
.bg-color-op-1-dark {
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(2px);
}

/* disabled / "coming soon" CTA (Telegram booking option) */
.btn-main.disabled,
span.btn-main.disabled {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}

/* extra "book" link inside #mainmenu: header CTA button is hidden on mobile
   by the theme (see style.css header .btn-main @767px), so this keeps
   booking reachable from the mobile menu. Hidden on desktop - the header
   already has its own persistent CTA button there.
   Specificity note: style.css rules "#mainmenu li{display:...}" are (1,0,1),
   so this override must match #mainmenu li.<class> to win. */
#mainmenu li.menu-item-cta-mobile {
  display: none;
}

/* prevent horizontal scroll from full-bleed sections on small screens */
@media (max-width: 767px) {
  #home h1 {
    font-size: 38px;
    line-height: 1.25em;
  }

  #mainmenu li.menu-item-cta-mobile {
    display: block;
  }

  .menu-item-cta-mobile > a {
    color: var(--primary-color) !important;
    font-weight: 700;
  }
}