/*--------------------------------------------------------------
# Vivid Enhancements & Premium Touches
--------------------------------------------------------------*/

/* 1. Tropical Coral Glow (Buttons) */
.btn-primary,
.btn-accent,
.btn-submit {
  box-shadow: 0 4px 15px color-mix(in srgb, var(--btn-color), transparent 60%) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.btn-primary:hover,
.btn-accent:hover,
.btn-submit:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px color-mix(in srgb, var(--btn-color), transparent 40%) !important;
  background-color: var(--btn-hover-color) !important;
  border-color: var(--btn-hover-color) !important;
}

/* Secondary Button Glows (Outline/White) */
.btn-outline,
.btn-light {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.btn-outline:hover,
.btn-light:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3) !important;
}


/* 2. Premium Accent Edges & Soft Shadows (Cards and Forms) */
.booking-form,
.tour-card,
.feature-card,
.destination-tile,
.service-item,
.booking-summary,
.booking-form-container {
  border-top: 4px solid var(--accent-color);
  /* Premium Edge */
  box-shadow: 0 10px 30px rgba(15, 42, 68, 0.08) !important;
  /* Soft Cool Navy Shadow */
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Alternate Gold Edge for specifics if needed */
.tour-badge.luxury,
.badge-offer.limited {
  border-top: 2px solid #CFAF60;
  box-shadow: 0 4px 15px rgba(207, 175, 96, 0.4) !important;
}

/* 3. Micro-Animations (Card Hover states) */
.tour-card:hover,
.feature-card:hover,
.service-item:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 15px 40px rgba(15, 42, 68, 0.15) !important;
  /* Deepens the navy shadow on hover */
}


/* 4. Rich, Deep Gradients (Hero/Footer Backgrounds) */
.dark-background,
.footer-newsletter,
.cta-section {
  background: linear-gradient(135deg, #0F2A44 0%, #0A3A5A 100%) !important;
  border-top: none;
  /* remove any default edges on dark sections */
}

/* 5. Caribbean Blue Wash (Secondary Section Backgrounds) */
.light-background {
  /* A 3% transparent wash of the Caribbean Blue (#3FA7D6) over white */
  background-color: rgba(63, 167, 214, 0.03) !important;
}


/* General Input Focus Glow */
.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--btn-color), transparent 75%) !important;
  border-color: var(--accent-color) !important;
}



/* 6. Hero Booking Form Wrapper Override for Visibility */
.travel-hero .booking-form-wrapper {
  background: var(--surface-color) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--default-color), transparent 85%) !important;
  /* Ensuring the form stays visible over the dark hero image */
  position: relative;
  z-index: 10;
}
/* 7. Gold Section Typography Adjustments */
#featured-tours .section-title h2, #why-choose-us .section-title h2 {
  background-color: #0F2A44 !important; /* Deep Navy Badge */
  color: #FFFFFF !important; /* White text */
}

#featured-tours .section-title > div > span, #why-choose-us .section-title > div > span {
  color: #0F2A44 !important; /* Deep Navy heading */
}

#featured-tours .section-title .description-title, #why-choose-us .section-title .description-title {
  color: #FFFFFF !important; /* Crisp White accent to pop against Gold */
}