/**
 * Bogosland — amelia-custom.css
 * Dark/gold luxury theme override for Amelia Booking Plugin (v1 + v2)
 * Targets Element UI (el-*) classes and Amelia-specific class tree.
 *
 * Load order: after amelia's own CSS, after bgl-components.
 * Enqueue: see functions.php snippet in page-booking.php comments.
 */


/* ═══════════════════════════════════════════════════════════════════════════
   1. ROOT CONTAINER RESETS
════════════════════════════════════════════════════════════════════════════ */

#amelia-app,
.amelia-container,
.amelia-app,
.amelia-v2-app,
.amelia-booking,
[id^="amelia-booking"],
.amelia-step-content,
div[class*="amelia-"] {
    color: #F5F0E8 !important;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Main wrapper backgrounds */
#amelia-app,
.amelia-container,
.amelia-v2-app,
.amelia-booking,
[id^="amelia-booking"] {
    background: #111111 !important;
    border-radius: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   2. STEP CONTAINERS & PANELS
════════════════════════════════════════════════════════════════════════════ */

.amelia-step-container,
.am-step-container,
.amelia-v2-app .el-steps,
.amelia-v2-app .el-step {
    background: #111111 !important;
    border: none !important;
}

.amelia-v2-app .el-step__title,
.amelia-v2-app .el-step__description {
    color: #9A9080 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
}

.amelia-v2-app .el-step.is-process .el-step__title,
.amelia-v2-app .el-step.is-finish .el-step__title {
    color: #C9A96E !important;
    font-weight: 600 !important;
}

/* Step icon circles */
.amelia-v2-app .el-step__icon {
    background: #111111 !important;
    border-color: rgba(201, 169, 110, 0.2) !important;
    color: #9A9080 !important;
}

.amelia-v2-app .el-step.is-process .el-step__icon,
.amelia-v2-app .el-step.is-finish .el-step__icon {
    background: #C9A96E !important;
    border-color: #C9A96E !important;
    color: #0A0A0A !important;
}

.amelia-v2-app .el-step__line {
    background-color: rgba(201, 169, 110, 0.15) !important;
}

.amelia-v2-app .el-step.is-finish .el-step__line {
    background-color: #C9A96E !important;
}

/* Step progress bar */
.amelia-step-progress-bar,
.amelia-progress-bar,
.am-progress-bar {
    background: linear-gradient(90deg, #C9A96E, #D4AF7A) !important;
    height: 2px !important;
}

.amelia-step-progress-track,
.amelia-progress-track {
    background: rgba(201, 169, 110, 0.1) !important;
    height: 2px !important;
}

/* Step number badges */
.amelia-step-number,
.amelia-step-number.active {
    background: #C9A96E !important;
    color: #0A0A0A !important;
    border-color: #C9A96E !important;
    font-weight: 700 !important;
}

.amelia-step-number.inactive {
    background: transparent !important;
    color: #9A9080 !important;
    border-color: rgba(201, 169, 110, 0.2) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   3. SERVICE / CATEGORY CARDS
════════════════════════════════════════════════════════════════════════════ */

.amelia-service-item,
.am-service-card,
.amelia-catalog-item,
.amelia-service-card,
.amelia-v2-app .amelia-service,
.amelia-v2-app [class*="service-card"] {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.1) !important;
    border-radius: 0 !important;
    color: #F5F0E8 !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.amelia-service-item:hover,
.am-service-card:hover,
.amelia-catalog-item:hover,
.amelia-v2-app .amelia-service:hover,
.amelia-v2-app [class*="service-card"]:hover {
    border-color: #C9A96E !important;
    box-shadow: 0 0 0 1px rgba(201, 169, 110, 0.12), 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-2px) !important;
}

.amelia-service-item.amelia-selected,
.am-service-card.amelia-selected,
.amelia-catalog-item.amelia-selected,
.amelia-v2-app .amelia-service.selected,
.amelia-v2-app [class*="service-card"].selected {
    border-color: #C9A96E !important;
    background: rgba(201, 169, 110, 0.06) !important;
    box-shadow: 0 0 0 1px rgba(201, 169, 110, 0.25) !important;
}

/* Service name + description inside cards */
.amelia-service-item .amelia-service-name,
.am-service-card .am-service-name,
.amelia-v2-app [class*="service-name"] {
    font-family: 'Playfair Display', serif !important;
    color: #F5F0E8 !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
}

.amelia-service-item .amelia-service-description,
.am-service-card .am-service-desc,
.amelia-v2-app [class*="service-description"] {
    color: #9A9080 !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
}

/* Category list */
.amelia-category-item,
.amelia-v2-app [class*="category-item"] {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.1) !important;
    border-radius: 0 !important;
    color: #F5F0E8 !important;
}

.amelia-category-item:hover,
.amelia-v2-app [class*="category-item"]:hover {
    border-color: rgba(201, 169, 110, 0.3) !important;
    background: rgba(201, 169, 110, 0.04) !important;
}

.amelia-category-item.amelia-selected,
.amelia-v2-app [class*="category-item"].selected {
    border-color: #C9A96E !important;
    background: rgba(201, 169, 110, 0.07) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   4. PRICE DISPLAY
════════════════════════════════════════════════════════════════════════════ */

.amelia-price,
.am-price,
.amelia-service-price,
.amelia-v2-app [class*="price"],
.amelia-v2-app [class*="-price"],
.amelia-v2-app .service-price {
    color: #C9A96E !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Duration badge */
.amelia-duration,
.amelia-v2-app [class*="duration"] {
    color: #9A9080 !important;
    font-size: 0.78rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   5. PRIMARY BUTTONS (Element UI el-button--primary + Amelia CTAs)
════════════════════════════════════════════════════════════════════════════ */

.el-button--primary,
.amelia-v2-app .el-button--primary,
.amelia-v2-app button.el-button--primary,
.amelia-v2-app .el-button.el-button--primary,
.amelia-submit,
.amelia-btn-primary,
.am-btn-primary,
.amelia-v2-app [class*="btn-primary"],
.amelia-v2-app [class*="button-primary"] {
    background: #C9A96E !important;
    background-image: none !important;
    border: 1px solid #C9A96E !important;
    color: #0A0A0A !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
    padding: 0.75rem 1.75rem !important;
}

.el-button--primary:hover,
.amelia-v2-app .el-button--primary:hover,
.amelia-submit:hover,
.am-btn-primary:hover,
.amelia-v2-app [class*="btn-primary"]:hover {
    background: #D4AF7A !important;
    border-color: #D4AF7A !important;
    color: #0A0A0A !important;
    transform: translateY(-1px) !important;
}

.el-button--primary:active,
.amelia-v2-app .el-button--primary:active {
    transform: translateY(0) !important;
    background: #B8935A !important;
}

/* Outline / default buttons */
.el-button,
.amelia-v2-app .el-button,
.amelia-btn-outline,
.amelia-btn-secondary,
.amelia-v2-app [class*="btn-outline"],
.amelia-v2-app [class*="btn-secondary"] {
    background: transparent !important;
    border: 1px solid rgba(201, 169, 110, 0.25) !important;
    color: #C9A96E !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
}

.el-button:hover,
.amelia-v2-app .el-button:hover,
.amelia-btn-outline:hover {
    background: rgba(201, 169, 110, 0.07) !important;
    border-color: #C9A96E !important;
    color: #C9A96E !important;
}

/* Text buttons / links */
.el-button--text,
.amelia-v2-app .el-button--text,
.amelia-link,
.amelia-v2-app a {
    color: #C9A96E !important;
    font-family: 'Montserrat', sans-serif !important;
}

.amelia-v2-app a:hover {
    color: #D4AF7A !important;
    text-decoration: underline !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   6. FORM INPUTS
════════════════════════════════════════════════════════════════════════════ */

.amelia-v2-app .el-input__inner,
.amelia-v2-app .el-textarea__inner,
.amelia-v2-app input[type="text"],
.amelia-v2-app input[type="email"],
.amelia-v2-app input[type="tel"],
.amelia-v2-app input[type="number"],
.amelia-v2-app select,
.amelia-v2-app textarea {
    background: #0A0A0A !important;
    border: 1px solid rgba(201, 169, 110, 0.2) !important;
    border-radius: 0 !important;
    color: #F5F0E8 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.88rem !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    padding: 0.7rem 0.875rem !important;
}

.amelia-v2-app .el-input__inner:focus,
.amelia-v2-app .el-textarea__inner:focus,
.amelia-v2-app input:focus,
.amelia-v2-app textarea:focus {
    border-color: #C9A96E !important;
    box-shadow: 0 0 0 1px rgba(201, 169, 110, 0.2), 0 0 12px rgba(201, 169, 110, 0.08) !important;
    outline: none !important;
    background: #0d0d0d !important;
}

.amelia-v2-app .el-input__inner::placeholder,
.amelia-v2-app input::placeholder {
    color: #5A5248 !important;
}

/* Input wrapper */
.amelia-v2-app .el-input,
.amelia-v2-app .el-input-group {
    background: transparent !important;
}

.amelia-v2-app .el-input__prefix,
.amelia-v2-app .el-input__suffix,
.amelia-v2-app .el-input__icon {
    color: #9A9080 !important;
}

/* Form labels */
.amelia-v2-app .el-form-item__label,
.amelia-v2-app label,
.amelia-form-label {
    color: #C8C0B0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

/* Form error messages */
.amelia-v2-app .el-form-item.is-error .el-input__inner,
.amelia-v2-app .el-form-item.is-error .el-textarea__inner {
    border-color: #E74C3C !important;
}

.amelia-v2-app .el-form-item__error {
    color: #E74C3C !important;
    font-size: 0.75rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7. SELECT / DROPDOWN
════════════════════════════════════════════════════════════════════════════ */

.amelia-v2-app .el-select .el-input__inner {
    background: #0A0A0A !important;
    border-color: rgba(201, 169, 110, 0.2) !important;
    color: #F5F0E8 !important;
    border-radius: 0 !important;
}

.amelia-v2-app .el-select-dropdown,
.amelia-v2-app .el-select-dropdown__wrap,
.el-select-dropdown {
    background: #111111 !important;
    border: 1px solid rgba(201, 169, 110, 0.2) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

.amelia-v2-app .el-select-dropdown__item,
.el-select-dropdown__item {
    background: transparent !important;
    color: #C8C0B0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
}

.amelia-v2-app .el-select-dropdown__item:hover,
.el-select-dropdown__item:hover {
    background: rgba(201, 169, 110, 0.08) !important;
    color: #F5F0E8 !important;
}

.amelia-v2-app .el-select-dropdown__item.selected,
.el-select-dropdown__item.selected {
    background: rgba(201, 169, 110, 0.1) !important;
    color: #C9A96E !important;
    font-weight: 600 !important;
}

/* Arrow icon on select */
.amelia-v2-app .el-select .el-icon-arrow-up::before,
.amelia-v2-app .el-select .el-icon-arrow-down::before {
    color: #9A9080 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   8. CALENDAR / DATE PICKER
════════════════════════════════════════════════════════════════════════════ */

.amelia-calendar,
.amelia-v2-app .el-date-picker,
.amelia-v2-app .el-picker-panel,
.el-picker-panel,
.el-date-picker {
    background: #111111 !important;
    border: 1px solid rgba(201, 169, 110, 0.15) !important;
    border-radius: 0 !important;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.7) !important;
}

/* Calendar header bar */
.amelia-v2-app .el-picker-panel__header,
.el-picker-panel__header {
    background: #0A0A0A !important;
    border-bottom: 1px solid rgba(201, 169, 110, 0.1) !important;
    padding: 1rem !important;
}

.amelia-v2-app .el-picker-panel__header button,
.amelia-v2-app .el-date-picker__header-label,
.el-picker-panel__header button,
.el-date-picker__header-label {
    color: #F5F0E8 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}

/* Weekday labels */
.amelia-v2-app .el-date-table th,
.el-date-table th {
    color: #9A9080 !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(201, 169, 110, 0.08) !important;
}

/* Day cells */
.amelia-v2-app .el-date-table td,
.el-date-table td {
    color: #C8C0B0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
}

.amelia-v2-app .el-date-table td.disabled > div,
.el-date-table td.disabled > div {
    color: #3A3530 !important;
    background: transparent !important;
}

.amelia-v2-app .el-date-table td.available:hover > div,
.el-date-table td.available:hover > div {
    background: rgba(201, 169, 110, 0.12) !important;
    color: #C9A96E !important;
    border-radius: 50% !important;
}

/* Today */
.amelia-v2-app .el-date-table td.today > div,
.el-date-table td.today > div {
    color: #C9A96E !important;
    font-weight: 700 !important;
    border: 1px solid rgba(201, 169, 110, 0.35) !important;
    border-radius: 50% !important;
    background: transparent !important;
}

/* Selected / current day */
.amelia-v2-app .el-date-table td.current > div,
.amelia-v2-app .el-date-table td.selected > div,
.el-date-table td.current > div,
.el-date-table td.selected > div {
    background: #C9A96E !important;
    color: #0A0A0A !important;
    border-radius: 50% !important;
    font-weight: 700 !important;
}

/* Navigation arrows */
.amelia-v2-app .el-picker-panel__icon-btn,
.el-picker-panel__icon-btn {
    color: #9A9080 !important;
    transition: color 0.2s !important;
}
.amelia-v2-app .el-picker-panel__icon-btn:hover,
.el-picker-panel__icon-btn:hover {
    color: #C9A96E !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   9. TIME SLOTS
════════════════════════════════════════════════════════════════════════════ */

.amelia-time-slot,
.amelia-v2-app [class*="time-slot"],
.amelia-v2-app .time-slot,
.am-time-slot {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.1) !important;
    border-radius: 0 !important;
    color: #C8C0B0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.amelia-time-slot:hover,
.amelia-v2-app [class*="time-slot"]:hover,
.am-time-slot:hover {
    background: rgba(201, 169, 110, 0.08) !important;
    border-color: rgba(201, 169, 110, 0.3) !important;
    color: #C9A96E !important;
}

.amelia-time-slot.selected,
.amelia-time-slot.amelia-time-slot-active,
.amelia-v2-app [class*="time-slot"].selected,
.am-time-slot.selected {
    background: #C9A96E !important;
    border-color: #C9A96E !important;
    color: #0A0A0A !important;
    font-weight: 700 !important;
}

.amelia-time-slot.disabled,
.amelia-v2-app [class*="time-slot"].disabled,
.am-time-slot.disabled {
    background: #0f0f0f !important;
    border-color: rgba(255, 255, 255, 0.03) !important;
    color: #3A3530 !important;
    cursor: not-allowed !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   10. STAFF PHOTOS & EMPLOYEE CARDS
════════════════════════════════════════════════════════════════════════════ */

.amelia-staff-photo,
.amelia-v2-app [class*="staff-photo"],
.amelia-v2-app [class*="employee-photo"],
.amelia-v2-app .amelia-employee img {
    border-radius: 50% !important;
    border: 2px solid rgba(201, 169, 110, 0.25) !important;
    object-fit: cover !important;
}

.amelia-v2-app [class*="employee-card"],
.amelia-v2-app [class*="staff-card"],
.amelia-v2-app .amelia-employee {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.1) !important;
    border-radius: 0 !important;
    color: #F5F0E8 !important;
    transition: border-color 0.25s ease, transform 0.25s ease !important;
}

.amelia-v2-app [class*="employee-card"]:hover,
.amelia-v2-app [class*="staff-card"]:hover,
.amelia-v2-app .amelia-employee:hover {
    border-color: #C9A96E !important;
    transform: translateY(-2px) !important;
}

.amelia-v2-app [class*="employee-card"].selected,
.amelia-v2-app [class*="staff-card"].selected,
.amelia-v2-app .amelia-employee.selected {
    border-color: #C9A96E !important;
    background: rgba(201, 169, 110, 0.06) !important;
}

.amelia-v2-app [class*="employee-name"],
.amelia-v2-app [class*="staff-name"] {
    color: #F5F0E8 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}

.amelia-v2-app [class*="employee-description"],
.amelia-v2-app [class*="staff-description"] {
    color: #9A9080 !important;
    font-size: 0.82rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   11. LOCATION / CABINET CLASSES
════════════════════════════════════════════════════════════════════════════ */

.amelia-v2-app [class*="amelia-cabinet"],
.amelia-v2-app [class*="location-card"],
.amelia-v2-app [class*="location-item"] {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.1) !important;
    border-radius: 0 !important;
    color: #F5F0E8 !important;
}

.amelia-v2-app [class*="amelia-cabinet"]:hover,
.amelia-v2-app [class*="location-card"]:hover {
    border-color: rgba(201, 169, 110, 0.3) !important;
}

.amelia-v2-app [class*="amelia-cabinet"].selected,
.amelia-v2-app [class*="location-card"].selected {
    border-color: #C9A96E !important;
    background: rgba(201, 169, 110, 0.06) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   12. STEP PAYMENT
════════════════════════════════════════════════════════════════════════════ */

.amelia-step-payment,
.amelia-v2-app [class*="step-payment"],
.amelia-v2-app .payment-step {
    background: #111111 !important;
    color: #F5F0E8 !important;
}

.amelia-v2-app [class*="payment-method"],
.amelia-v2-app .payment-method-card {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.1) !important;
    border-radius: 0 !important;
    color: #F5F0E8 !important;
    transition: border-color 0.2s ease !important;
}

.amelia-v2-app [class*="payment-method"]:hover,
.amelia-v2-app .payment-method-card:hover {
    border-color: rgba(201, 169, 110, 0.3) !important;
}

.amelia-v2-app [class*="payment-method"].selected,
.amelia-v2-app .payment-method-card.selected {
    border-color: #C9A96E !important;
    background: rgba(201, 169, 110, 0.06) !important;
}

/* Price summary rows in payment step */
.amelia-v2-app [class*="price-summary"] tr,
.amelia-v2-app [class*="price-summary"] td,
.amelia-v2-app [class*="price-summary"] th {
    color: #C8C0B0 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    font-family: 'Montserrat', sans-serif !important;
}

.amelia-v2-app [class*="price-total"],
.amelia-v2-app [class*="total-price"] {
    color: #C9A96E !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   13. CONFIRMATION STEP
════════════════════════════════════════════════════════════════════════════ */

.amelia-step-confirm,
.amelia-confirmation,
.amelia-v2-app [class*="confirmation"],
.amelia-v2-app [class*="step-confirm"] {
    background: #111111 !important;
    color: #F5F0E8 !important;
    text-align: center !important;
}

/* Success icon */
.amelia-confirmation .amelia-success-icon,
.amelia-v2-app [class*="success-icon"] {
    color: #C9A96E !important;
    border-color: rgba(201, 169, 110, 0.3) !important;
}

/* Confirmation heading */
.amelia-confirmation h2,
.amelia-v2-app [class*="confirmation"] h2,
.amelia-v2-app [class*="confirmation"] h3 {
    font-family: 'Playfair Display', serif !important;
    color: #F5F0E8 !important;
    font-weight: 700 !important;
}

/* Confirmation summary table / detail rows */
.amelia-v2-app [class*="appointment-detail"],
.amelia-v2-app [class*="booking-summary"] {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.1) !important;
    border-radius: 0 !important;
    padding: 1.25rem !important;
}

.amelia-v2-app [class*="appointment-detail"] span,
.amelia-v2-app [class*="booking-summary"] span {
    color: #9A9080 !important;
}

.amelia-v2-app [class*="appointment-detail"] strong,
.amelia-v2-app [class*="booking-summary"] strong {
    color: #F5F0E8 !important;
    font-weight: 600 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   14. BREADCRUMB / AMELIA INTERNAL NAV
════════════════════════════════════════════════════════════════════════════ */

.amelia-breadcrumb,
.amelia-v2-app [class*="breadcrumb"] {
    background: #0A0A0A !important;
    border-bottom: 1px solid rgba(201, 169, 110, 0.08) !important;
    padding: 0.75rem 1.25rem !important;
}

.amelia-breadcrumb span,
.amelia-v2-app [class*="breadcrumb"] span {
    color: #9A9080 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.78rem !important;
}

.amelia-breadcrumb .active,
.amelia-v2-app [class*="breadcrumb"] .active {
    color: #C9A96E !important;
    font-weight: 600 !important;
}

.amelia-breadcrumb .separator,
.amelia-v2-app [class*="breadcrumb"] .separator {
    color: rgba(201, 169, 110, 0.3) !important;
    margin: 0 0.4rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   15. CHECKBOXES & RADIO BUTTONS
════════════════════════════════════════════════════════════════════════════ */

.amelia-v2-app .el-checkbox__inner,
.amelia-v2-app .el-radio__inner {
    background: #0A0A0A !important;
    border-color: rgba(201, 169, 110, 0.25) !important;
    border-radius: 2px !important;
}

.amelia-v2-app .el-checkbox__input.is-checked .el-checkbox__inner,
.amelia-v2-app .el-radio__input.is-checked .el-radio__inner {
    background-color: #C9A96E !important;
    border-color: #C9A96E !important;
}

.amelia-v2-app .el-checkbox__label,
.amelia-v2-app .el-radio__label {
    color: #C8C0B0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
}

/* Terms & conditions checkbox */
.amelia-v2-app .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #C9A96E !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   16. TOOLTIPS & POPOVERS
════════════════════════════════════════════════════════════════════════════ */

.el-tooltip__popper,
.el-popover {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.2) !important;
    color: #F5F0E8 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.82rem !important;
    border-radius: 2px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

.el-tooltip__popper.is-dark {
    background: #C9A96E !important;
    border-color: #C9A96E !important;
    color: #0A0A0A !important;
}

.el-tooltip__popper .popper__arrow,
.el-popover .popper__arrow {
    border-color: rgba(201, 169, 110, 0.2) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   17. LOADER / SPINNER (Amelia native)
════════════════════════════════════════════════════════════════════════════ */

.el-loading-mask {
    background: rgba(10, 10, 10, 0.88) !important;
    backdrop-filter: blur(4px) !important;
}

.el-loading-spinner .circular {
    stroke: #C9A96E !important;
}

.el-loading-spinner .path {
    stroke: #C9A96E !important;
}

.el-loading-text {
    color: #C9A96E !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-top: 0.75rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   18. NOTIFICATION / ALERT
════════════════════════════════════════════════════════════════════════════ */

.el-message,
.el-notification {
    background: #1a1a1a !important;
    border: 1px solid rgba(201, 169, 110, 0.2) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

.el-message--success {
    background: rgba(46, 204, 113, 0.1) !important;
    border-color: rgba(46, 204, 113, 0.25) !important;
}

.el-message--error {
    background: rgba(231, 76, 60, 0.1) !important;
    border-color: rgba(231, 76, 60, 0.25) !important;
}

.el-message .el-message__content,
.el-notification .el-notification__content {
    color: #F5F0E8 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
}

.el-message-box {
    background: #111111 !important;
    border: 1px solid rgba(201, 169, 110, 0.2) !important;
    border-radius: 0 !important;
}

.el-message-box__title {
    color: #F5F0E8 !important;
    font-family: 'Playfair Display', serif !important;
}

.el-message-box__content {
    color: #9A9080 !important;
    font-family: 'Montserrat', sans-serif !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   19. PAGINATION
════════════════════════════════════════════════════════════════════════════ */

.amelia-v2-app .el-pagination button,
.el-pagination button {
    background: transparent !important;
    border: 1px solid rgba(201, 169, 110, 0.15) !important;
    color: #9A9080 !important;
    border-radius: 0 !important;
}

.amelia-v2-app .el-pagination button:hover,
.el-pagination button:hover,
.amelia-v2-app .el-pager li:hover,
.el-pager li:hover {
    color: #C9A96E !important;
    border-color: rgba(201, 169, 110, 0.3) !important;
}

.amelia-v2-app .el-pager li.active,
.el-pager li.active {
    background: #C9A96E !important;
    color: #0A0A0A !important;
    border-color: #C9A96E !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
}

.amelia-v2-app .el-pager li,
.el-pager li {
    background: transparent !important;
    color: #9A9080 !important;
    border-radius: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   20. DIVIDERS & SEPARATORS
════════════════════════════════════════════════════════════════════════════ */

.amelia-v2-app .el-divider,
.el-divider {
    background-color: rgba(201, 169, 110, 0.1) !important;
    border-color: rgba(201, 169, 110, 0.1) !important;
}

.amelia-v2-app .el-divider__text {
    background: #111111 !important;
    color: #9A9080 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   21. CUSTOM SCROLLBARS (Amelia containers)
════════════════════════════════════════════════════════════════════════════ */

.amelia-v2-app ::-webkit-scrollbar,
#amelia-app ::-webkit-scrollbar,
.amelia-container ::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

.amelia-v2-app ::-webkit-scrollbar-track,
#amelia-app ::-webkit-scrollbar-track,
.amelia-container ::-webkit-scrollbar-track {
    background: #0A0A0A !important;
}

.amelia-v2-app ::-webkit-scrollbar-thumb,
#amelia-app ::-webkit-scrollbar-thumb,
.amelia-container ::-webkit-scrollbar-thumb {
    background: rgba(201, 169, 110, 0.4) !important;
    border-radius: 2px !important;
}

.amelia-v2-app ::-webkit-scrollbar-thumb:hover,
#amelia-app ::-webkit-scrollbar-thumb:hover {
    background: #C9A96E !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   22. TYPOGRAPHY RESETS (inside Amelia)
════════════════════════════════════════════════════════════════════════════ */

.amelia-v2-app h1,
.amelia-v2-app h2,
.amelia-v2-app h3 {
    font-family: 'Playfair Display', serif !important;
    color: #F5F0E8 !important;
    font-weight: 600 !important;
}

.amelia-v2-app h4,
.amelia-v2-app h5,
.amelia-v2-app h6 {
    font-family: 'Montserrat', sans-serif !important;
    color: #C8C0B0 !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    font-size: 0.78rem !important;
}

.amelia-v2-app p {
    color: #9A9080 !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.65 !important;
}

/* Section headings within Amelia */
.amelia-v2-app .amelia-section-title,
.amelia-v2-app [class*="section-title"] {
    font-family: 'Playfair Display', serif !important;
    color: #F5F0E8 !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   23. MISC OVERRIDES — specific Amelia v2 structural elements
════════════════════════════════════════════════════════════════════════════ */

/* Inner nav tabs (if Amelia uses tabs) */
.amelia-v2-app .el-tabs__header {
    border-bottom-color: rgba(201, 169, 110, 0.1) !important;
    background: #0A0A0A !important;
}

.amelia-v2-app .el-tabs__item {
    color: #9A9080 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.06em !important;
}

.amelia-v2-app .el-tabs__item.is-active {
    color: #C9A96E !important;
    font-weight: 700 !important;
}

.amelia-v2-app .el-tabs__active-bar {
    background-color: #C9A96E !important;
    height: 2px !important;
}

/* Switch toggle */
.amelia-v2-app .el-switch.is-checked .el-switch__core {
    background-color: #C9A96E !important;
    border-color: #C9A96E !important;
}

.amelia-v2-app .el-switch__core {
    background: #2A2018 !important;
    border-color: #2A2018 !important;
}

/* Badge / tag */
.amelia-v2-app .el-tag {
    background: rgba(201, 169, 110, 0.1) !important;
    border-color: rgba(201, 169, 110, 0.2) !important;
    color: #C9A96E !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
}

/* Coupon / promo code input */
.amelia-v2-app [class*="coupon"],
.amelia-v2-app [class*="promo-code"] {
    background: #0A0A0A !important;
    border-color: rgba(201, 169, 110, 0.2) !important;
    color: #F5F0E8 !important;
}

/* Total summary bottom bar */
.amelia-v2-app [class*="booking-total"],
.amelia-v2-app [class*="summary-total"] {
    background: rgba(201, 169, 110, 0.05) !important;
    border-top: 1px solid rgba(201, 169, 110, 0.15) !important;
    padding: 1.25rem !important;
}

/* Asterisk required marker */
.amelia-v2-app .el-form-item.is-required .el-form-item__label::before {
    color: #E74C3C !important;
}

/* Input group addon */
.amelia-v2-app .el-input-group__prepend,
.amelia-v2-app .el-input-group__append {
    background: #0A0A0A !important;
    border-color: rgba(201, 169, 110, 0.2) !important;
    color: #9A9080 !important;
}

/* Phone flag selector (if Amelia uses vue-tel-input) */
.amelia-v2-app .vti__dropdown,
.amelia-v2-app .vue-tel-input {
    background: #0A0A0A !important;
    border-color: rgba(201, 169, 110, 0.2) !important;
}

.amelia-v2-app .vti__dropdown-list {
    background: #111111 !important;
    border-color: rgba(201, 169, 110, 0.2) !important;
}

.amelia-v2-app .vti__dropdown-item:hover,
.amelia-v2-app .vti__dropdown-item.highlighted {
    background: rgba(201, 169, 110, 0.08) !important;
    color: #F5F0E8 !important;
}