/*
Theme Name: Bhatti Tours & Rent a Car Lahore
Theme URI: https://bhattitoursrentacar.com/
Author: Bhatti Tours Web Team
Author URI: https://bhattitoursrentacar.com/
Description: Official high-converting, modern animated WordPress theme for Bhatti Tours & Rent a Car Lahore (0303 8861191). Features an interactive UME-style multi-slide vehicle hero section, instant WhatsApp fare calculator, built-in AutoRental & FAQPage JSON-LD Schema, per-page Hide Page Title option, dynamic Header and Footer Menus in Appearance > Menus, Google Reviews showcase, and embedded Google Maps.
Version: 2.6.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: bhatti-tours
*/

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #F8FAFC;
  color: #0F172A;
  overflow-x: hidden;
  margin: 0;
}

h1, h2, h3, h4, .font-display {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

@keyframes floatCar {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-6px) scale(1.01); }
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55); }
  50% { box-shadow: 0 0 0 12px rgba(37, 211, 102, 0); }
}

.animate-float {
  animation: floatCar 5s ease-in-out infinite;
}

.pulse-whatsapp {
  animation: pulseGlow 2.2s infinite;
}

.hero-mesh {
  background: radial-gradient(circle at 80% 20%, rgba(245, 158, 11, 0.18), transparent 45%),
              radial-gradient(circle at 15% 80%, rgba(37, 211, 102, 0.12), transparent 40%),
              linear-gradient(135deg, #070A12 0%, #0F172A 60%, #1E293B 100%);
}

.glass-card {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.seo-content p,
.entry-content p {
  margin-bottom: 1.1rem;
  line-height: 1.8;
  color: #334155;
  font-size: 1.02rem;
}

.seo-content h2,
.entry-content h2 {
  font-size: 1.65rem;
  font-weight: 800;
  color: #0F172A;
  margin-top: 2.25rem;
  margin-bottom: 0.85rem;
  line-height: 1.3;
}

.seo-content h3,
.entry-content h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1E293B;
  margin-top: 1.6rem;
  margin-bottom: 0.65rem;
}

/* WordPress Navigation Menu Styling for Header & Footer */
.bhatti-header-menu {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bhatti-header-menu li {
  position: relative;
}

.bhatti-header-menu a {
  color: #334155;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  transition: color 0.2s ease;
}

.bhatti-header-menu a:hover,
.bhatti-header-menu .current-menu-item > a {
  color: #D97706;
}

.bhatti-mobile-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bhatti-mobile-menu-list li a {
  display: block;
  padding: 0.5rem 0;
  color: #334155;
  font-weight: 600;
  text-decoration: none;
}

.bhatti-footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bhatti-footer-menu li {
  margin-bottom: 0.55rem;
}

.bhatti-footer-menu a {
  color: #94A3B8;
  font-size: 0.875rem;
  text-decoration: none;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.bhatti-footer-menu a::before {
  content: "›";
  color: #F59E0B;
  font-weight: 700;
}

.bhatti-footer-menu a:hover {
  color: #FBBF24;
}