/**
 * Aruba destination specific styles
 * Colors and theme-specific overrides for Aruba landing page
 */

:root {
  --aruba-primary: #00C8AA;
  --aruba-primary-dark: #00a68a;
  --aruba-primary-light: #00e0c0;
  --aruba-primary-hover: #00b89a;
}

/* Mobile Floating CTA - Aruba colors */
.mobile-floating-cta {
  background: linear-gradient(135deg, var(--aruba-primary) 0%, var(--aruba-primary-dark) 100%);
  box-shadow: 0 4px 20px rgba(0, 200, 170, 0.5);
}

.mobile-floating-cta:hover {
  box-shadow: 0 6px 25px rgba(0, 200, 170, 0.7);
}

/* Contact Band - Aruba gradient */
.contact-band {
  background: linear-gradient(135deg, #1E293B 0%, var(--aruba-primary) 100%);
}

/* Footer links hover - Aruba color */
.footer-links a:hover {
  color: var(--aruba-primary);
}

.footer-languages a:hover {
  color: var(--aruba-primary);
}

/* Country card hover - Aruba color */
.country-card-link:hover .country-name {
  color: var(--aruba-primary);
}

/* Step badges - Aruba color */
.step-badge {
  background-color: var(--aruba-primary);
}

/* Feature icons - Aruba color */
.feature-icon {
  color: var(--aruba-primary);
}

/* CTA Buttons - Aruba colors */
.btn-primary,
.btn[style*="background-color: #00C8AA"],
.btn[style*="background-color:#00C8AA"] {
  background-color: var(--aruba-primary) !important;
  border-color: var(--aruba-primary) !important;
}

.btn-primary:hover,
.btn[style*="background-color: #00C8AA"]:hover,
.btn[style*="background-color:#00C8AA"]:hover {
  background-color: var(--aruba-primary-dark) !important;
  border-color: var(--aruba-primary-dark) !important;
}

/* Nav Apply Button - Aruba colors */
.navbar .btn[style*="background-color: #00C8AA"],
.navbar .btn[style*="background-color:#00C8AA"] {
  background-color: var(--aruba-primary) !important;
  border-color: var(--aruba-primary) !important;
}

/* Card borders and accents - Aruba color */
.card[style*="border-left: 4px solid #00C8AA"],
.card[style*="border-left:4px solid #00C8AA"] {
  border-left-color: var(--aruba-primary) !important;
}

.card[style*="background: #F0FDFB"] {
  background: #F0FDFB !important;
}

/* Application process banner - Aruba gradient */
.application-process-banner {
  background: linear-gradient(135deg, var(--aruba-primary) 0%, #1E293B 100%);
}

/* Icon circles - Aruba color accents */
.icon-circle.bg-primary-subtle,
.icon-circle[style*="color: #00C8AA"] {
  color: var(--aruba-primary) !important;
}