/* QTS (Oct 2026): "Book & Pay" online booking links (main menu + homepage hero), linking to /book/.
   Loaded after style.css and qts-ai.css on every page that has the Book & Pay menu item. */

/* Menu button */
.navbar .navbar-nav .qts-nav-book-item { display: flex; align-items: center; }
.navbar .navbar-nav .nav-link.qts-nav-book {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #3F7F1A !important;
  background: rgba(100, 172, 40, .08);
  border: 1.5px solid rgba(100, 172, 40, .55);
  border-radius: 30px;
  padding: 8px 13px !important;
  margin-left: 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.navbar .navbar-nav .nav-link.qts-nav-book i { color: #64AC28; font-size: .95em; }
.navbar .navbar-nav .nav-link.qts-nav-book:hover,
.navbar .navbar-nav .nav-link.qts-nav-book:focus,
.navbar .navbar-nav .nav-link.qts-nav-book.active {
  color: #2F6A10 !important;
  background: rgba(100, 172, 40, .16);
  border-color: #64AC28;
}
.navbar .navbar-nav .nav-link.qts-nav-book::before,
.navbar .navbar-nav .nav-link.qts-nav-book::after { display: none !important; }

/* Desktop: slightly tighter spacing so the whole menu stays on one line */
@media (min-width: 1200px) {
  .navbar .navbar-nav > .nav-item > .nav-link { margin-right: 15px; }
  .navbar .navbar-nav > .nav-item > .nav-link.qts-nav-ai,
  .navbar .navbar-nav > .nav-item > .nav-link.qts-nav-book,
  .navbar .navbar-nav > .nav-item:last-child > .nav-link { margin-right: 0; }
  .navbar .navbar-nav .nav-link.qts-nav-ai { padding: 8px 13px !important; margin-left: 6px; }
  .navbar .navbar-nav .nav-link.qts-nav-expert { padding: 10px 15px !important; margin-left: 6px; }
  .navbar .navbar-nav .nav-link.qts-nav-book i { display: none; }
}
@media (min-width: 1200px) and (max-width: 1279.98px) {
  .navbar .navbar-nav > .nav-item > .nav-link { margin-right: 12px; }
}
/* Small laptops: the menu is already full here, so the homepage and footer links carry it */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar .navbar-nav .qts-nav-book-item { display: none; }
}
/* Mobile menu */
@media (max-width: 991.98px) {
  .navbar .navbar-nav .nav-link.qts-nav-book { margin: 10px 0 0; align-self: flex-start; }
}

/* Homepage hero: let the buttons wrap instead of squeezing */
.hero-btn { flex-wrap: wrap; }
.hero-btn .theme-btn { white-space: nowrap; }
@media (max-width: 575.98px) {
  .hero-btn .qts-hero-book { flex: 1 0 100%; text-align: center; }
}