/* ===========================
   VISTA ARENAL CONTRAST IMPROVEMENTS
   Feedback Implementation - Phase 1
   Enhanced Readability & Accessibility
   =========================== */

/* Enhanced Color Variables for Better Contrast */
:root {
  /* High contrast text variants */
  --text-high-contrast: #1A0F0A;        /* Very dark for maximum readability */
  --text-medium-contrast: #2C1B13;      /* Medium contrast for secondary text */
  --earth-brown-high-contrast: #3E261A; /* Darker earth brown for better contrast */
  --warm-sand-dark: #E8D1B8;            /* Darker warm sand for backgrounds */
  
  /* Enhanced button contrast colors */
  --hero-button-bg: rgba(255, 111, 0, 0.95);     /* More opaque orange */
  --hero-button-shadow: rgba(0, 0, 0, 0.6);      /* Stronger shadow for depth */
  --hero-button-border: rgba(255, 255, 255, 0.3); /* White border for contrast */
  
  /* Enhanced hero text shadows */
  --hero-text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.8);
  --hero-subtitle-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

/* ===========================
   HERO SECTION CONTRAST IMPROVEMENTS
   =========================== */

/* Enhanced hero text contrast */
.hero-title,
.hero-main-title {
  text-shadow: var(--hero-text-shadow);
  color: var(--cloud-white);
}

.hero-subtitle {
  text-shadow: var(--hero-subtitle-shadow);
  color: var(--warm-sand);
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
}

.hero-description {
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
  color: var(--cloud-white);
  font-weight: 500;
}

/* Enhanced "Explore Activities" button contrast */
.btn-nature,
.hero-cta .btn-nature {
  background: var(--hero-button-bg);
  color: var(--cloud-white);
  border: 2px solid var(--hero-button-border);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: 
    0 4px 15px var(--hero-button-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  font-weight: 600;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  transition: all var(--transition-base);
}

.btn-nature:hover,
.btn-nature:focus {
  background: rgba(255, 111, 0, 1);
  border-color: rgba(255, 255, 255, 0.5);
  color: var(--cloud-white);
  text-decoration: none;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 
    0 8px 25px rgba(0, 0, 0, 0.7),
    0 4px 15px rgba(255, 111, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

/* Hero stats enhanced contrast */
.stat-number {
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
  color: var(--cloud-white);
}

.stat-label {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  /* color: var(--warm-sand); */
  font-weight: 800;
  color: white;
}

/* ===========================
   TESTIMONIALS SECTION CONTRAST
   =========================== */

/* Enhanced testimonials background for better text readability */
.testimonials-section {
  background: linear-gradient(
    135deg,
    var(--warm-sand) 0%,
    #f8f4e6 50%,
    var(--warm-sand) 100%
  );
  position: relative;
}

.testimonials-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  pointer-events: none;
}

/* Enhanced section title contrast */
.testimonials-section .section-title {
  color: var(--earth-brown-high-contrast);
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);
  font-weight: 700;
}

.testimonials-section .section-subtitle {
  color: var(--text-high-contrast);
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);
  font-weight: 500;
}

/* Contact section within testimonials area */
.contact-section .section-title {
  color: var(--earth-brown-high-contrast);
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8);
  font-weight: 700;
}

.contact-section .section-subtitle {
  color: var(--text-high-contrast);
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.7);
  font-weight: 500;
}

/* Enhanced testimonial text readability */
.testimonial-text {
  color: var(--text-high-contrast);
  background: rgba(255, 255, 255, 0.9);
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  line-height: 1.6;
}

.testimonial-author {
  color: var(--earth-brown-high-contrast);
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

/* Enhanced CTA buttons in testimonials/contact area */
.contact-cta .btn-pura-vida,
.btn-pura-vida {
  background: linear-gradient(
    135deg,
    var(--sunset-orange) 0%,
    #e65100 50%,
    var(--sunset-orange) 100%
  );
  color: var(--cloud-white);
  border: 2px solid rgba(255, 255, 255, 0.3);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: 600;
  box-shadow: 
    0 4px 15px rgba(255, 111, 0, 0.4),
    0 2px 8px rgba(0, 0, 0, 0.2);
}

.contact-cta .btn-pura-vida:hover,
.btn-pura-vida:hover,
.contact-cta .btn-pura-vida:focus,
.btn-pura-vida:focus {
  background: linear-gradient(
    135deg,
    #e65100 0%,
    var(--sunset-orange) 50%,
    #e65100 100%
  );
  color: var(--cloud-white);
  text-decoration: none;
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-3px) scale(1.05);
  box-shadow: 
    0 8px 25px rgba(255, 111, 0, 0.5),
    0 4px 15px rgba(0, 0, 0, 0.3);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

/* ===========================
   FOOTER CONTRAST IMPROVEMENTS
   =========================== */

/* Enhanced footer background and logo contrast */
.site-footer {
  background: linear-gradient(
    135deg,
    var(--earth-brown-high-contrast) 0%,
    var(--earth-brown) 30%,
    var(--earth-brown-high-contrast) 70%,
    #2A1A13 100%
  );
  position: relative;
}

.site-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

/* Enhanced footer logo readability */
.footer-brand img {
  filter: 
    brightness(1.2) 
    contrast(1.3) 
    drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.6));
  background: rgba(255, 255, 255, 0.1);
  padding: var(--space-sm);
  border-radius: var(--radius-md);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.footer-tagline {
  color: var(--warm-sand);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  font-weight: 500;
}

/* Enhanced footer text contrast */
.footer-column h3 {
  color: var(--cloud-white);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  font-weight: 700;
}

.footer-column a {
  color: var(--warm-sand);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  font-weight: 500;
  transition: all var(--transition-fast);
}

.footer-column a:hover,
.footer-column a:focus {
  color: var(--cloud-white);
  text-decoration: underline;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

/* Enhanced footer bottom contrast */
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.footer-bottom p {
  color: var(--warm-sand);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  font-weight: 500;
}

.footer-legal a {
  color: var(--warm-sand);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.footer-legal a:hover,
.footer-legal a:focus {
  color: var(--cloud-white);
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}

/* ===========================
   ENHANCED SOCIAL MEDIA ICONS CONTRAST
   =========================== */

/* Better social media icons contrast */
.social-links a {
  background: linear-gradient(
    135deg,
    var(--earth-brown-high-contrast) 0%,
    #2A1A13 50%,
    var(--earth-brown-high-contrast) 100%
  );
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 
    0 4px 15px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.social-links a:hover,
.social-links a:focus {
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 
    0 8px 25px rgba(0, 0, 0, 0.5),
    0 4px 15px rgba(255, 255, 255, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translateY(-3px) scale(1.1);
}

.social-icon svg {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}

/* Platform-specific enhanced hover states */
.social-links a[href*="facebook"]:hover {
  background: linear-gradient(135deg, #1877F2 0%, #166fe5 100%);
  border-color: rgba(255, 255, 255, 0.3);
}

.social-links a[href*="instagram"]:hover {
  background: linear-gradient(135deg, #E4405F 0%, #833AB4 50%, #FCAF45 100%);
  border-color: rgba(255, 255, 255, 0.3);
}

.social-links a[href*="wa.me"]:hover {
  background: linear-gradient(135deg, #25D366 0%, #20b358 100%);
  border-color: rgba(255, 255, 255, 0.3);
}

/* ===========================
   FLOATING WHATSAPP BUTTON ENHANCEMENTS
   =========================== */

/* Enhanced floating WhatsApp button contrast */
.whatsapp-float-btn {
  background: linear-gradient(
    135deg,
    #25D366 0%,
    #20b358 50%,
    #1da851 100%
  );
  box-shadow: 
    0 6px 20px rgba(37, 211, 102, 0.4),
    0 3px 10px rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.whatsapp-float-btn:hover,
.whatsapp-float-btn:focus {
  background: linear-gradient(
    135deg,
    #1da851 0%,
    #20b358 50%,
    #25D366 100%
  );
  box-shadow: 
    0 10px 30px rgba(37, 211, 102, 0.5),
    0 6px 20px rgba(0, 0, 0, 0.4);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px) scale(1.05);
}

.whatsapp-icon-float svg {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}

.whatsapp-float-btn:hover .whatsapp-icon-float svg,
.whatsapp-float-btn:focus .whatsapp-icon-float svg {
  filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.5));
  transform: scale(1.1);
}

/* ===========================
   ABOUT SECTION ENHANCEMENT
   Remove/Replace Brown Stripe
   =========================== */

/* Remove any unnecessary brown stripes and improve about section flow */
.about-section {
  background: linear-gradient(
    to bottom,
    var(--cloud-white) 0%,
    var(--warm-sand) 50%,
    var(--cloud-white) 100%
  );
  position: relative;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

.about-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 20% 30%, rgba(0, 168, 89, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(124, 179, 66, 0.03) 0%, transparent 50%);
  pointer-events: none;
}

/* Remove any standalone brown dividers */
.brown-stripe,
.divider-brown,
hr.brown,
.section-divider {
  display: none !important;
}

/* Specifically target any unwanted decorative elements */
.canopy-texture::before,
.wildlife-sloth::before {
  opacity: 0.3 !important;
}

/* Remove any brown elements that might appear as stripes */
[style*="background-color: #5D4037"],
[style*="background: #5D4037"],
.bg-earth {
  background: transparent !important;
}

/* Enhanced section spacing to compensate for removed stripes */
.about-section {
  padding: var(--space-4xl) 0;
  margin: 0;
}

.testimonials-section {
  padding: var(--space-4xl) 0;
  margin-top: 0;
  border-top: none !important;
}

/* Improved section transitions */
.adventures-section + .about-section,
.about-section + .testimonials-section,
.about-section + .gallery-section,
.gallery-section + .testimonials-section {
  border-top: none !important;
  margin-top: 0 !important;
  border: none !important;
}

/* Remove any unwanted borders or stripes between sections */
section {
  border: none !important;
}

section:before,
section:after {
  border: none !important;
}

/* ===========================
   GENERAL TEXT CONTRAST IMPROVEMENTS
   =========================== */

/* Enhanced general text contrast throughout site */
body {
  color: var(--text-high-contrast);
}

p, li, span, div {
  color: var(--text-high-contrast);
}

/* Enhanced section titles */
.section-title {
  color: var(--earth-brown-high-contrast);
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}

.section-subtitle {
  color: var(--text-medium-contrast);
}

/* Enhanced link contrast */
a {
  color: var(--accent-blue-dark);
}

a:hover,
a:focus {
  color: var(--primary-green-dark);
}

/* ===========================
   ADVENTURE CARDS ENHANCEMENT
   =========================== */

.adventure-card h3,
.card-title {
  color: var(--earth-brown-high-contrast);
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

.adventure-card p,
.card-text {
  color: var(--text-high-contrast);
  font-weight: 500;
}

/* ===========================
   RESPONSIVE CONTRAST ADJUSTMENTS
   =========================== */

@media (max-width: 768px) {
  /* Enhanced mobile contrast adjustments */
  .hero-title,
  .hero-main-title {
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.9);
  }
  
  .btn-nature {
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  }
  
  .footer-brand img {
    filter: 
      brightness(1.3) 
      contrast(1.4) 
      drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.7));
  }
}

/* ===========================
   HIGH CONTRAST MODE SUPPORT
   =========================== */

@media (prefers-contrast: high) {
  :root {
    --earth-brown-high-contrast: #000000;
    --text-high-contrast: #000000;
    --text-medium-contrast: #1A0F0A;
    --hero-button-bg: rgba(255, 111, 0, 1);
    --hero-text-shadow: 4px 4px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000;
  }
  
  .hero-title,
  .hero-main-title,
  .hero-subtitle {
    text-shadow: var(--hero-text-shadow);
  }
  
  .btn-nature,
  .btn-pura-vida {
    border: 3px solid #000;
  }
  
  .social-links a,
  .whatsapp-float-btn {
    border: 3px solid #000;
  }
}