/* ═══════════════════════════════════════════════════════
   Amelia Booking — Brand Overrides for Llana Adir
   ═══════════════════════════════════════════════════════ */

/* Main container */
#amelia-app-booking {
  font-family: 'Outfit', sans-serif !important;
}

/* Service cards */
.amelia-app-booking .el-card {
  border-radius: var(--la-radius-lg) !important;
  border: 1px solid var(--la-pale-blue) !important;
  box-shadow: var(--la-shadow-sm) !important;
  transition: var(--la-transition);
}

.amelia-app-booking .el-card:hover {
  box-shadow: var(--la-shadow-md) !important;
  border-color: var(--la-gold) !important;
}

/* Headings inside Amelia */
.amelia-app-booking h2,
.amelia-app-booking h3,
.amelia-app-booking .am-service-title {
  font-family: 'Playfair Display', serif !important;
  color: var(--la-deep-blue) !important;
}

/* Input fields */
.amelia-app-booking .el-input__inner,
.amelia-app-booking .el-textarea__inner {
  border: 1px solid var(--la-pale-blue) !important;
  border-radius: var(--la-radius-sm) !important;
  background: var(--la-ivory) !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 14px !important;
  padding: 13px 16px !important;
}

.amelia-app-booking .el-input__inner:focus,
.amelia-app-booking .el-textarea__inner:focus {
  border-color: var(--la-gold) !important;
  box-shadow: 0 0 0 3px rgba(196,154,45,0.12) !important;
}

/* Primary buttons */
.amelia-app-booking .el-button--primary,
.amelia-app-booking .am-confirm-button {
  background: linear-gradient(135deg, var(--la-gold), var(--la-warm-gold)) !important;
  border: none !important;
  color: var(--la-deep-blue) !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  border-radius: var(--la-radius-sm) !important;
  padding: 14px 34px !important;
  box-shadow: 0 4px 20px rgba(196,154,45,0.3);
  transition: var(--la-transition);
}

.amelia-app-booking .el-button--primary:hover {
  box-shadow: 0 6px 28px rgba(196,154,45,0.45);
  transform: translateY(-1px);
}

/* Calendar */
.amelia-app-booking .el-calendar-table td.is-selected {
  background: rgba(196,154,45,0.12) !important;
}

.amelia-app-booking .el-calendar-table .el-calendar-day:hover {
  background: var(--la-pale-gold) !important;
}

.amelia-app-booking .am-selected-date,
.amelia-app-booking .am-active-date {
  background: var(--la-gold) !important;
  color: var(--la-deep-blue) !important;
}

/* Time slots */
.amelia-app-booking .am-time-slot {
  border: 1px solid var(--la-pale-blue) !important;
  border-radius: var(--la-radius-sm) !important;
  font-family: 'Outfit', sans-serif !important;
  transition: var(--la-transition);
}

.amelia-app-booking .am-time-slot:hover {
  border-color: var(--la-gold) !important;
  background: rgba(196,154,45,0.06) !important;
}

.amelia-app-booking .am-time-slot.am-selected {
  background: var(--la-gold) !important;
  border-color: var(--la-gold) !important;
  color: var(--la-deep-blue) !important;
  font-weight: 600;
}

/* Step indicator */
.amelia-app-booking .am-step-indicator .am-step-active {
  color: var(--la-gold) !important;
}

.amelia-app-booking .am-step-indicator .am-step-active::after {
  background: var(--la-gold) !important;
}

/* Category labels */
.amelia-app-booking .am-category-label {
  font-family: 'Outfit', sans-serif !important;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--la-warm-gray) !important;
}

/* Price display */
.amelia-app-booking .am-service-price {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  color: var(--la-gold) !important;
  font-size: 24px !important;
}

/* Success / Confirmation */
.amelia-app-booking .am-confirmation {
  border-radius: var(--la-radius-lg) !important;
  background: var(--la-white) !important;
  border: 1px solid var(--la-pale-blue) !important;
  padding: 40px !important;
}

.amelia-app-booking .am-confirmation-icon {
  color: var(--la-gold) !important;
}