/*
Theme Name:   Westway Safaris Child
Theme URI:    https://www.westwaysafaris.com
Description:  Luxury child theme for Westway Safaris, built on Astra.
Author:       Westway Safaris
Author URI:   https://www.westwaysafaris.com
Template:     astra
Version:      2.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  westway-safaris-child
Tags:         safari, luxury, travel, tanzania
*/

/* =============================================
   WESTWAY SAFARIS — LUXURY THEME VARIABLES
   ============================================= */
:root {
  --gold:        #C9A84C;
  --gold-light:  #E8C97A;
  --gold-dim:    rgba(201,168,76,0.15);
  --black:       #0A0A08;
  --deep:        #111109;
  --ivory:       #F7F3EC;
  --ivory-dim:   rgba(247,243,236,0.7);
  --warm-gray:   #2A2A26;
}

/* ── GLOBAL RESETS & BASE ── */
*, *::before, *::after { box-sizing: border-box; }

body {
  background: var(--black) !important;
  color: var(--ivory) !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300;
}

a { color: var(--gold); transition: color 0.3s; }
a:hover { color: var(--gold-light); }

img { max-width: 100%; height: auto; }

/* ── OVERRIDE ASTRA HEADER ── */
.ast-header-wrap,
#masthead,
.site-header {
  background: transparent !important;
  border-bottom: none !important;
  position: fixed !important;
  top: 37px !important;
  left: 0; right: 0;
  z-index: 999 !important;
  padding: 20px 60px !important;
  transition: background 0.5s, padding 0.4s !important;
}
.scrolled-header .ast-header-wrap,
.scrolled-header #masthead {
  background: rgba(10,10,8,0.97) !important;
  padding: 12px 60px !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
  backdrop-filter: blur(12px);
}

/* Site title */
.ast-site-title-wrap .site-title a,
.ast-site-title a {
  font-family: 'Cinzel', serif !important;
  font-size: 15px !important;
  letter-spacing: 0.2em !important;
  color: var(--ivory) !important;
  text-decoration: none;
}

/* Logo */
.ast-site-title-wrap img {
  filter: drop-shadow(0 0 8px rgba(201,168,76,0.4));
}

/* Nav menu */
.ast-nav-menu > li > a,
.main-navigation ul li a {
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--ivory) !important;
  font-family: 'Jost', sans-serif !important;
  opacity: 0.85;
  transition: opacity 0.3s, color 0.3s !important;
}
.ast-nav-menu > li > a:hover,
.main-navigation ul li a:hover {
  opacity: 1;
  color: var(--gold) !important;
}

/* Header CTA button */
.ast-header-button-wrap a,
.menu-item.ast-menu-item-button a {
  background: transparent !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  padding: 10px 28px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  transition: all 0.35s !important;
}
.ast-header-button-wrap a:hover,
.menu-item.ast-menu-item-button a:hover {
  background: var(--gold) !important;
  color: var(--black) !important;
}

/* ── TOP BAR ── */
.ast-above-header-wrap,
.above-header-wrap {
  background: var(--black) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  color: var(--gold-light) !important;
}
.ast-above-header-wrap a {
  color: var(--gold-light) !important;
  text-decoration: none;
}

/* ── BUTTONS ── */
.ast-btn,
.wp-block-button__link,
button,
input[type="submit"],
.wsite-button {
  background: var(--gold) !important;
  color: var(--black) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 40px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  transition: all 0.35s !important;
}
.ast-btn:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--gold-light) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(201,168,76,0.35) !important;
}

/* ── FOOTER ── */
.ast-small-footer,
#colophon,
.site-footer {
  background: var(--black) !important;
  border-top: 1px solid rgba(201,168,76,0.15) !important;
  color: var(--ivory) !important;
}
.ast-small-footer a,
.site-footer a {
  color: var(--gold) !important;
}

/* ── PAGE CONTENT AREA ── */
.ast-container,
.site-content,
#content {
  background: var(--black) !important;
}

/* ── SECTION TYPOGRAPHY ── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--ivory) !important;
  font-weight: 300 !important;
}
p { line-height: 1.85; opacity: 0.78; }

/* ── WHATSAPP FLOATING BUTTON ── */
.ws-whatsapp {
  position: fixed;
  bottom: 32px;
  right: 32px;
  width: 56px;
  height: 56px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 30px rgba(37,211,102,0.4);
  z-index: 9999;
  text-decoration: none !important;
  transition: transform 0.3s;
  animation: wsPulse 3s ease infinite;
}
@keyframes wsPulse {
  0%, 100% { box-shadow: 0 8px 30px rgba(37,211,102,0.4); }
  50%       { box-shadow: 0 8px 50px rgba(37,211,102,0.65); }
}
.ws-whatsapp:hover { transform: scale(1.1); }
.ws-whatsapp svg  { width: 28px; height: 28px; fill: white; }

/* ── SCROLL REVEAL ── */
.ws-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.ws-reveal.ws-visible {
  opacity: 1;
  transform: translateY(0);
}