/*
Theme Name: Anaconda Travel
Theme URI: https://anacondatravel.com
Author: Anaconda Travel
Author URI: https://anacondatravel.com
Description: Premium wildlife photography tours theme — cinematic, image-first, dark earthy aesthetic.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anaconda
*/

/* Mobile Menu Bulletproof Rules */
#mobile-menu {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 999999 !important;
  background-color: #0d0d0b !important;
  color: #f0ece4 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

#mobile-menu.is-closed {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

#mobile-menu.is-open {
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

/* ==========================================================================
   Floating WhatsApp Button & Hover Tooltip
   ========================================================================== */
#floating-whatsapp {
  position: fixed !important;
  bottom: 1.5rem !important;
  right: 1.5rem !important;
  z-index: 99998 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

#floating-whatsapp .whatsapp-tooltip {
  opacity: 0;
  transform: translateX(12px) scale(0.96);
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0.28s;
  white-space: nowrap;
}

#floating-whatsapp:hover .whatsapp-tooltip,
#floating-whatsapp:focus-within .whatsapp-tooltip {
  opacity: 1 !important;
  transform: translateX(0) scale(1) !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

/* ==========================================================================
   FAQ Accordion Polish (SEO & AEO)
   ========================================================================== */
#faq details {
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

#faq details summary::-webkit-details-marker,
#faq details summary::marker {
  display: none !important;
}

#faq details[open] summary svg {
  transform: rotate(180deg);
}

#faq details[open]>div {
  animation: faqFadeIn 0.28s ease-out;
}

@keyframes faqFadeIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   Single Tour Sticky Sub-Navigation Bar
   ========================================================================== */
.no-scrollbar::-webkit-scrollbar {
  display: none !important;
}

.no-scrollbar {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.tour-nav-link {
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tour-nav-link.is-active {
  background-color: var(--theme-accent, #184f00) !important;
  color: var(--theme-accent-contrast, #ffffff) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-accent, #184f00) 40%, transparent) !important;
  border-color: var(--theme-accent, #184f00) !important;
}

.tour-nav-link.is-active span,
.tour-nav-link.is-active svg {
  color: var(--theme-accent-contrast, #ffffff) !important;
}

.tour-nav-link.is-active svg path,
.tour-nav-link.is-active svg polygon,
.tour-nav-link.is-active svg circle,
.tour-nav-link.is-active svg rect,
.tour-nav-link.is-active svg line,
.tour-nav-link.is-active svg polyline {
  stroke: var(--theme-accent-contrast, #ffffff) !important;
}

.tour-nav-link.is-active svg.fill-current {
  fill: var(--theme-accent-contrast, #ffffff) !important;
}

/* ==========================================================================
   Smart Hide Header on Tour Scroll
   ========================================================================== */
#site-header {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease !important;
}

#site-header.header-hidden {
  transform: translateY(-100%) !important;
  pointer-events: none !important;
}

#tour-section-nav {
  transition: top 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, box-shadow 0.25s ease !important;
}

#tour-section-nav.is-at-top {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7) !important;
}