/*
Theme Name: Zula Zula Adventure Theme
Theme URI: https://zulazula.africa/
Author: Arena Agent
Author URI: https://arena.ai/
Description: A highly customized, responsive, premium WordPress theme for Zula Zula Adventure Bus. Features dynamic custom post types for tours, scrolling weather tickers, interactive carousels, floating WhatsApp widgets, and secure booking calculators.
Version: 1.0.0
License: GNU GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zulazula
Tags: travel, adventure, blog, custom-background, featured-images, responsive-layout, translation-ready

This theme is designed specifically for Zula Zula Adventure Bus and its Nguni philosophy "Yonkindawo" — to wander and explore everywhere.
*/

/* --- THEME CUSTOM VARIABLES & UTILITIES --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap');

:root {
  --brand-orange: #ea580c;
  --brand-orange-light: #f97316;
  --brand-charcoal: #18181b;
  --brand-black: #09090b;
}

html {
  scroll-behavior: smooth;
}

/* Custom Styled Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: var(--brand-black);
}
::-webkit-scrollbar-thumb {
  background: var(--brand-orange);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--brand-orange-light);
}

/* Animations for Slideshow overlays */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Glassmorphism elements */
.glass-nav {
  background: rgba(9, 9, 11, 0.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-modal {
  background: rgba(15, 15, 18, 0.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Floating WhatsApp Pulsing */
.whatsapp-pulse {
  position: relative;
}
.whatsapp-pulse::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #22c55e;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.7;
  animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-ring {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 0; }
  100% { transform: scale(0.95); opacity: 0; }
}

/* Navigation active class */
.nav-link-active {
  color: var(--brand-orange-light) !important;
  border-bottom: 2px solid var(--brand-orange-light);
}