#emergency-support-card > .absolute {
  display: none;
}

#emergency-support-card h2 {
  margin-bottom: 1rem;
  font-size: clamp(1.875rem, 4vw, 2.5rem);
}

#emergency-support-card p {
  max-width: 42rem;
  margin: 0 auto 2rem;
  font-size: 0.875rem;
}

astro-island[component-export="ContactForm"] > .slv-glass-card > .absolute {
  display: none;
}

astro-island[component-export="ContactForm"] > .slv-glass-card {
  border-radius: 24px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

astro-island[component-export="ContactForm"] .mb-7.pb-5 {
  border-color: rgb(212 160 23 / 24%);
}

astro-island[component-export="ContactForm"] label {
  color: #e4d8bc;
}

astro-island[component-export="ContactForm"] .slv-input {
  border-color: rgb(212 160 23 / 35%);
  background-color: rgb(11 8 5 / 78%);
}

astro-island[component-export="ContactForm"] .slv-input:focus {
  border-color: #f5be3b;
  box-shadow: 0 0 0 2px rgb(212 160 23 / 25%);
}

astro-island[component-export="ContactForm"] input[type="radio"] {
  accent-color: #d4a017;
}

:is(.slv-glass-card, .slv-card, .slv-glass-panel, .slv-section-panel):not(.slv-btn-primary):not(.slv-btn-secondary) {
  border-radius: 24px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.slv-glass-panel,
.slv-section-panel {
  background: linear-gradient(138deg, rgb(255 242 204 / 12%) 0%, rgb(16 12 7 / 52%) 28%, rgb(9 7 4 / 60%) 72%, rgb(212 160 23 / 10%) 100%) !important;
  border: 1px solid rgb(240 208 132 / 34%) !important;
  box-shadow: inset 0 1px 1px rgb(255 248 224 / 38%), inset 1px 0 rgb(255 238 195 / 16%), inset 0 -1px 1px rgb(212 160 23 / 18%), 0 8px 24px -8px rgb(0 0 0 / 55%) !important;
}

@media (max-width: 639px) {
  #emergency-support-card {
    padding: 1.5rem;
  }

  #emergency-support-card a[href^="https://wa.me/"],
  #emergency-support-card a[href^="tel:"] {
    width: 100%;
  }

  astro-island[component-export="ContactForm"] > .slv-glass-card {
    padding: 1.5rem;
  }
}

/* Booking & Contact Form Champagne-Gold Loading UI */
.slv-booking-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 56px 24px;
  gap: 16px;
  text-align: center;
}

.slv-booking-spinner,
.slv-form-spinner {
  width: 42px;
  height: 42px;
  border-radius: 9999px;
  border: 3px solid rgba(212, 160, 23, 0.22);
  border-top: 3px solid #F6C453;
  border-right: 3px solid #D4A017;
  animation: slv-spin 0.8s linear infinite;
  box-shadow: 0 0 18px rgba(212, 160, 23, 0.35);
}

.slv-booking-loading-text {
  color: #F6C453;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

@keyframes slv-spin {
  to {
    transform: rotate(360deg);
  }
}

.slv-loading-progress {
  width: 100%;
  height: 4px;
  background: rgba(212, 160, 23, 0.15);
  border-radius: 9999px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.75rem;
}

.slv-loading-progress-bar {
  width: 45%;
  height: 100%;
  background: linear-gradient(90deg, #D4A017 0%, #F6C453 50%, #FFE08A 100%);
  border-radius: 9999px;
  box-shadow: 0 0 12px rgba(246, 196, 83, 0.6);
  animation: slv-progress 1.2s ease-in-out infinite;
}

@keyframes slv-progress {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(250%);
  }
}