/**
 * Curaçao destination specific styles
 * Colors and theme-specific overrides for Curaçao landing page
 * Uses Bootstrap primary colors instead of turquoise
 */

:root {
  --curacao-primary: #0d6efd;
  --curacao-primary-dark: #0a58ca;
  --curacao-primary-light: #3d8bfd;
  --curacao-primary-hover: #0b5ed7;
}

/* Mobile Floating CTA - Curaçao colors (Bootstrap primary) */
.mobile-floating-cta {
  background: linear-gradient(135deg, var(--curacao-primary) 0%, var(--curacao-primary-dark) 100%);
  box-shadow: 0 4px 20px rgba(13, 110, 253, 0.5);
}

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

/* Contact Band - Curaçao gradient (Bootstrap primary) */
.contact-band {
  background: linear-gradient(135deg, #1E293B 0%, var(--curacao-primary) 100%) !important;
}

/* Footer links hover - Curaçao color (Bootstrap primary) */
.footer-links a:hover {
  color: var(--curacao-primary);
}

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

/* Country card hover - Curaçao color (Bootstrap primary) */
.country-card-link:hover .country-name {
  color: var(--curacao-primary);
}

/* Step badges - Curaçao color (Bootstrap primary) */
.step-badge {
  background-color: var(--curacao-primary);
}

/* Feature icons - Curaçao color (Bootstrap primary) */
.feature-icon {
  color: var(--curacao-primary);
}

/* CTA Buttons - Curaçao colors (Bootstrap primary) */
.btn-primary,
.btn[style*="background-color: #0d6efd"],
.btn[style*="background-color:#0d6efd"] {
  background-color: var(--curacao-primary) !important;
  border-color: var(--curacao-primary) !important;
}

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

/* Nav Apply Button - Curaçao colors (Bootstrap primary) */
.navbar .btn[style*="background-color: #0d6efd"],
.navbar .btn[style*="background-color:#0d6efd"] {
  background-color: var(--curacao-primary) !important;
  border-color: var(--curacao-primary) !important;
}

/* Card borders and accents - Curaçao color (Bootstrap primary) */
.card[style*="border-left: 4px solid #0d6efd"],
.card[style*="border-left:4px solid #0d6efd"] {
  border-left-color: var(--curacao-primary) !important;
}

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

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

/* Icon circles - Curaçao color accents (Bootstrap primary) */
.icon-circle.bg-primary-subtle,
.icon-circle[style*="color: #0d6efd"] {
  color: var(--curacao-primary) !important;
}

/* CTA Buttons - Remove inline styles, use CSS classes */
#hero-start-button.btn,
.btn.btn-lg[href*="apply-now"],
.btn-primary.btn-lg[href*="apply-now"],
.btn-outline-primary[href*="apply-now"],
.btn-primary[href*="apply-now"],
.btn.btn-lg.btn-primary,
.btn.btn-lg[style*="background-color"],
.btn-primary[style*="background-color"],
.btn-outline-primary[style*="background-color"] {
  background-color: var(--curacao-primary) !important;
  border-color: var(--curacao-primary) !important;
  color: white !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.5rem !important;
}

#hero-start-button.btn:hover,
.btn.btn-lg[href*="apply-now"]:hover,
.btn-primary.btn-lg[href*="apply-now"]:hover,
.btn-outline-primary[href*="apply-now"]:hover,
.btn-primary[href*="apply-now"]:hover,
.btn.btn-lg.btn-primary:hover,
.btn.btn-lg[style*="background-color"]:hover,
.btn-primary[style*="background-color"]:hover,
.btn-outline-primary[style*="background-color"]:hover {
  background-color: var(--curacao-primary-dark) !important;
  border-color: var(--curacao-primary-dark) !important;
  color: white !important;
}

/* Feature icons - Curaçao color */
.feature-icon {
  color: var(--curacao-primary) !important;
  font-size: 1.5rem !important;
}

/* Step badges - Curaçao color */
.step-badge {
  background-color: var(--curacao-primary) !important;
}

/* Card with primary border - Curaçao color */
.card[style*="border-left"],
.card-primary-border {
  border-left: 4px solid var(--curacao-primary) !important;
  background: #F0FDFB !important;
}

/* Card icon - Curaçao color */
.card .flex-shrink-0[style*="color"],
.card-icon-primary {
  color: var(--curacao-primary) !important;
  font-size: 1.5rem !important;
}

/* Requirements list arrow - Curaçao color */
.requirements-list span[style*="color"],
.requirements-list span {
  color: var(--curacao-primary) !important;
  margin-right: 8px;
}

/* Step feature check - Curaçao color */
.step-feature-check,
.small[style*="color"] {
  color: var(--curacao-primary) !important;
}

.step-feature-check i,
.small[style*="color"] i {
  color: var(--curacao-primary) !important;
}

/* FAQ Accordion - Curaçao colors (Bootstrap primary) */
.accordion-button {
  background-color: #fff !important;
  color: var(--text-dark) !important;
}

.accordion-button:not(.collapsed) {
  background-color: rgba(13, 110, 253, 0.1) !important;
  color: var(--curacao-primary) !important;
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
  border-color: var(--curacao-primary) !important;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6efd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* Navbar CTA Button - Curaçao colors (Bootstrap primary) - Only CTA, not language selector */
.navbar .btn[style*="background-color: #00C8AA"],
.navbar .btn[style*="background-color:#00C8AA"],
.navbar .btn.d-inline-flex[href*="apply-now"],
.navbar .nav-item > .btn[href*="apply-now"]:not(.btn-outline-secondary) {
  background-color: var(--curacao-primary) !important;
  border-color: var(--curacao-primary) !important;
  color: white !important;
  font-weight: 600 !important;
}

.navbar .btn[style*="background-color: #00C8AA"]:hover,
.navbar .btn[style*="background-color:#00C8AA"]:hover,
.navbar .btn.d-inline-flex[href*="apply-now"]:hover,
.navbar .nav-item > .btn[href*="apply-now"]:not(.btn-outline-secondary):hover {
  background-color: var(--curacao-primary-dark) !important;
  border-color: var(--curacao-primary-dark) !important;
  color: white !important;
}

/* Exclude language selector buttons explicitly - ensure they keep their original styles */
.navbar .btn-outline-secondary,
.navbar #languageDropdown,
.navbar #languageDropdownMobile,
.navbar button.btn-outline-secondary {
  background-color: transparent !important;
  border-color: var(--bs-secondary, #6c757d) !important;
  color: var(--bs-secondary, #6c757d) !important;
}