/* =========================================================
   PaintOut — Formulário de reservas do Amelia (v2, [ameliastepbooking])
   Só CSS; carregado nas 4 páginas de pacotes (inc/amelia.php).
   Usa as variáveis do design system (main.css: --po-*).

   Notas de especificidade:
   - O Amelia injeta o seu CSS em runtime (depois do nosso), por isso os seletores levam o prefixo
     #reservar (id) em vez de recorrer a !important.
   - As variáveis --am-* são definidas em style="" no #amelia-container; só se sobrepõem com !important.
   - Dropdowns/poppers são renderizados fora do formulário, em #el-popper-container-*, no fim do <body>.
   ========================================================= */

/* ---------- 1. Variáveis do Amelia ---------- */
/* !important: o Amelia define estas variáveis em style="" no elemento (só assim se sobrepõem). */
#amelia-container.am-fs__wrapper,
[id^="el-popper-container"],
body > .el-popper{
	--am-c-primary: var(--po-neon) !important;
	--am-c-success: var(--po-neon) !important;
	--am-c-error: var(--po-alert) !important;
	--am-c-warning: var(--po-alert) !important;
	--am-c-main-bgr: var(--po-dark) !important;
	--am-c-main-heading-text: #fff !important;
	--am-c-main-text: #e8e8e8 !important;
	--am-c-sb-bgr: var(--po-dark-2) !important;
	--am-c-sb-text: #fff !important;
	--am-c-inp-bgr: #0d0f0d !important;
	--am-c-inp-border: rgba(57,255,20,.3) !important;
	--am-c-inp-text: #e8e8e8 !important;
	--am-c-inp-placeholder: #8a8f8a !important;
	--am-c-drop-bgr: var(--po-dark-2) !important;
	--am-c-drop-text: #e8e8e8 !important;
	--am-c-btn-prim: var(--po-neon) !important;
	--am-c-btn-prim-text: var(--po-black) !important;
	--am-c-btn-sec: var(--po-dark-2) !important;
	--am-c-btn-sec-text: #fff !important;
	--am-c-skeleton-op20: rgba(255,255,255,.10) !important;
	--am-c-skeleton-op60: rgba(255,255,255,.30) !important;
	--am-c-skeleton-sb-op20: rgba(255,255,255,.10) !important;
	--am-c-skeleton-sb-op60: rgba(255,255,255,.30) !important;
	--am-font-family: var(--po-font-body) !important;
	--am-brad-main: 0 !important;
}
/* Ref. do #reservar: o Amelia centra o cartão com margens grandes; mantemos a largura definida por ele (520px). */

/* Variáveis derivadas: cada componente do Amelia redefine as suas em style="" (a partir das cores
   claras por omissão). Sobrepõem-se com um seletor universal + !important (única forma de vencer o
   style="" inline). Lista obtida ao percorrer todos os passos. */
#reservar *,
[id^="el-popper-container"] *,
body > .el-popper,
body > .el-popper *{
	--am-bringing-color-border: rgba(57,255,20,.25) !important;
	--am-bringing-color-text-opacity60: rgba(232,232,232,.6) !important;
	--am-c-scroll-op30: rgba(57,255,20,0.3) !important;
	--am-c-scroll-op10: rgba(57,255,20,0.1) !important;
	--am-c-main-heading-text-op15: rgba(255,255,255,.15) !important;
	--am-c-main-text-op15: rgba(232,232,232,0.15) !important;
	--am-c-ps-primary: var(--po-neon) !important;
	--am-c-ps-primary-op10: rgba(57,255,20,0.1) !important;
	--am-c-ps-primary-op06: rgba(57,255,20,0.06) !important;
	--am-c-primary-op10: rgba(57,255,20,0.1) !important;
	--am-c-success-op10: rgba(57,255,20,0.1) !important;
	--am-c-success-op20: rgba(57,255,20,0.2) !important;
	--am-c-inp-number-bgr: #0d0f0d !important;
	--am-c-inp-number-border: rgba(57,255,20,0.3) !important;
	--am-c-inp-number-text: #e8e8e8 !important;
	--am-c-inp-number-text-op10: rgba(232,232,232,0.1) !important;
	--am-c-inp-number-text-op03: rgba(232,232,232,0.03) !important;
	--am-c-inp-number-text-op40: rgba(232,232,232,0.4) !important;
	--am-c-inp-number-text-op60: rgba(232,232,232,0.6) !important;
	--am-c-inp-number-placeholder: #8a8f8a !important;
	--am-c-spb-bgr: var(--po-dark) !important;
	--am-c-spb-text: #e8e8e8 !important;
	--am-c-spb-text-op10: rgba(232,232,232,0.1) !important;
	--am-c-ps-text: #e8e8e8 !important;
	--am-c-ps-text-op06: rgba(232,232,232,0.06) !important;
	--am-c-ps-text-op20: rgba(232,232,232,0.2) !important;
	--am-c-ps-text-op25: rgba(232,232,232,0.25) !important;
	--am-c-ps-text-op50: rgba(232,232,232,0.5) !important;
	--am-c-ps-text-op60: rgba(232,232,232,0.6) !important;
	--am-c-ps-price-bgr: rgba(57,255,20,0.1) !important;
	--am-c-ps-total-price: var(--po-neon) !important;
	--am-c-btn-first: var(--po-neon) !important;
	--am-c-btn-second: var(--po-black) !important;
	--am-c-btn-first-op80: rgba(57,255,20,0.8) !important;
	--am-c-btn-first-op30: rgba(57,255,20,0.3) !important;
	--am-c-btn-first-op20: rgba(57,255,20,0.1) !important;
	--am-c-extras-price: var(--po-neon) !important;
	--am-c-extras-price-op10: rgba(57,255,20,0.1) !important;
	--am-c-extras-text-op80: rgba(232,232,232,0.8) !important;
	--am-c-collapse-text-op80: rgba(232,232,232,0.8) !important;
	--am-c-collapse-text-op10: rgba(232,232,232,0.1) !important;
	--am-c-cal-low: var(--po-neon) !important;
	--am-c-cal-high: var(--po-neon) !important;
	--am-c-cal-init: var(--po-neon) !important;
	--am-c-cal-low-text: var(--po-neon) !important;
	--am-c-cal-high-text: var(--po-neon) !important;
	--am-c-cal-init-text: var(--po-neon) !important;
	--am-c-cal-waiting: rgba(232,232,232,0.04) !important;
	--am-c-cal-waiting-text: #e8e8e8 !important;
	--am-c-cal-waiting-op40: rgba(232,232,232,0.4) !important;
	--am-c-cal-selected: var(--po-neon) !important;
	--am-c-cal-selected-text: var(--po-black) !important;
	--am-c-cal-selected-op80: rgba(57,255,20,0.8) !important;
	--am-c-cal-disabled: rgba(255,59,26,.05) !important;
	--am-c-cal-disabled-text: rgba(232,232,232,0.35) !important;
	--am-c-cal-disabled-op10: rgba(255,59,26,.1) !important;
	--am-c-cal-disabled-op60: rgba(255,59,26,.4) !important;
	--am-c-advsc-bgr-op10: rgba(232,232,232,0.1) !important;
	--am-c-select-bgr: #0d0f0d !important;
	--am-c-select-border: rgba(57,255,20,0.3) !important;
	--am-c-select-text: #e8e8e8 !important;
	--am-c-select-placeholder: #8a8f8a !important;
	--am-c-select-shadow: rgba(0,0,0,.4) !important;
	--am-c-select-text-op03: rgba(232,232,232,0.03) !important;
	--am-c-select-text-op06: rgba(232,232,232,0.06) !important;
	--am-c-select-text-op40: rgba(232,232,232,0.4) !important;
	--am-c-select-text-op50: rgba(232,232,232,0.5) !important;
	--am-c-select-text-op60: rgba(232,232,232,0.6) !important;
	--am-c-inp-text-op03: rgba(232,232,232,0.03) !important;
	--am-c-inp-text-op05: rgba(232,232,232,0.05) !important;
	--am-c-inp-text-op40: rgba(232,232,232,0.4) !important;
	--am-c-inp-text-op60: rgba(232,232,232,0.6) !important;
	--am-c-is-wa-text: rgba(232,232,232,0.5) !important;
	--am-c-ph-drop-text-op10: rgba(232,232,232,0.1) !important;
	--am-c-checkbox-text-op60: rgba(232,232,232,0.6) !important;
	--am-c-checkbox-btn-op80: rgba(57,255,20,0.8) !important;
	--am-c-checkbox-btn-op60: rgba(57,255,20,0.6) !important;
	--am-c-checkbox-btn-dsb-op60: rgba(232,232,232,0.3) !important;
	--am-c-pay-text: #e8e8e8 !important;
	--am-c-pay-text-op70: rgba(232,232,232,0.7) !important;
	--am-c-pay-text-op60: rgba(232,232,232,0.6) !important;
	--am-c-pay-text-op30: rgba(232,232,232,0.3) !important;
	--am-c-pay-success: var(--po-neon) !important;
	--am-c-pay-primary: var(--po-neon) !important;
	--am-c-cal-low-op10: rgba(57,255,20,0.1) !important;
	--am-c-cal-high-op10: rgba(57,255,20,0.1) !important;
	--am-c-cal-init-op10: rgba(57,255,20,0.1) !important;
	--am-c-cal-low-op20: rgba(57,255,20,0.2) !important;
	--am-c-cal-high-op20: rgba(57,255,20,0.2) !important;
	--am-c-cal-init-op20: rgba(57,255,20,0.2) !important;
	--am-c-cal-low-op30: rgba(57,255,20,0.3) !important;
	--am-c-cal-high-op30: rgba(57,255,20,0.3) !important;
	--am-c-cal-init-op30: rgba(57,255,20,0.3) !important;
	--am-c-cal-low-op60: rgba(57,255,20,0.6) !important;
	--am-c-cal-high-op60: rgba(57,255,20,0.6) !important;
	--am-c-cal-init-op60: rgba(57,255,20,0.6) !important;
	--am-c-cal-low-op80: rgba(57,255,20,0.8) !important;
	--am-c-cal-high-op80: rgba(57,255,20,0.8) !important;
	--am-c-cal-init-op80: rgba(57,255,20,0.8) !important;
	--am-c-inp-bgr: #0d0f0d !important;
	--am-c-inp-border: rgba(57,255,20,.3) !important;
	--am-c-inp-text: #e8e8e8 !important;
	--am-c-inp-placeholder: #8a8f8a !important;
	--am-c-advs-bgr: #0d0f0d !important;
	--am-c-advs-border: rgba(57,255,20,.3) !important;
	--am-c-advs-text: #e8e8e8 !important;
	--am-c-advs-placeholder: #8a8f8a !important;
	--am-c-advs-shadow: rgba(0,0,0,.4) !important;
	--am-c-advs-text-op60: rgba(232,232,232,.6) !important;
	--am-c-advs-text-op40: rgba(232,232,232,.4) !important;
	--am-c-advs-text-op10: rgba(232,232,232,.1) !important;
	/* Tokens do Element Plus (base dos componentes do Amelia) */
	--el-bg-color: var(--po-dark) !important;
	--el-bg-color-overlay: var(--po-dark-2) !important;
	--el-fill-color-blank: #0d0f0d !important;
	--el-fill-color-light: rgba(57,255,20,.12) !important;
	--el-fill-color: rgba(57,255,20,.12) !important;
	--el-text-color-primary: #fff !important;
	--el-text-color-regular: #e8e8e8 !important;
	--el-text-color-placeholder: #8a8f8a !important;
	--el-border-color: rgba(57,255,20,.3) !important;
	--el-border-color-light: rgba(57,255,20,.2) !important;
	--el-border-color-lighter: rgba(57,255,20,.15) !important;
	--el-color-primary: var(--po-neon) !important;
	--am-c-advs-item-bgr: var(--po-dark-2) !important;
	--am-c-advs-item-border: var(--po-dark-2) !important;
	--am-c-advs-item-bgr-op10: rgba(57,255,20,.1) !important;
	--am-c-advs-item-label: #e8e8e8 !important;
	--am-c-advs-item-label-op65: rgba(232,232,232,.65) !important;
	--am-c-advs-item-label-op40: rgba(232,232,232,.4) !important;
	--am-c-advs-item-border-op10: rgba(57,255,20,.15) !important;
	--am-c-advs-item-price: var(--po-neon) !important;
	--am-c-advs-item-price-op10: rgba(57,255,20,.1) !important;
	--am-c-advs-item-selected: var(--po-neon) !important;
	--am-c-advs-item-heading-op65: rgba(57,255,20,.85) !important;
	--am-c-advs-shadow: rgba(0,0,0,.4) !important;
	--am-c-option-bgr: var(--po-dark-2) !important;
	--am-c-option-border: var(--po-dark-2) !important;
	--am-c-option-text: #e8e8e8 !important;
	--am-c-option-text-op65: rgba(232,232,232,.65) !important;
	--am-c-option-text-op15: rgba(232,232,232,.15) !important;
	--am-c-option-hover: rgba(57,255,20,.15) !important;
	--am-c-option-selected: var(--po-neon) !important;
	--am-c-option-selected-op10: rgba(57,255,20,.1) !important;
	--am-c-option-img-bgr: var(--po-neon) !important;
	--am-c-option-img-text: var(--po-black) !important;
	--am-font-family: var(--po-font-body) !important;
}

/* ---------- 2. Cartão principal ---------- */
#reservar .am-fs__main{
	background: var(--po-dark);
	border: 1px solid rgba(57,255,20,.25);
	border-radius: 0;
	box-shadow: none;
	clip-path: polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
	color: #e8e8e8;
	font-family: var(--po-font-body);
}
#reservar .am-fs__main-heading{border-bottom: 1px solid rgba(57,255,20,.2);background: var(--po-dark)}
#reservar .am-fs__main-heading-inner-title{
	font-family: var(--po-font-title);
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 1.2;
	text-transform: uppercase;
	color: #fff;
}
#reservar .am-heading-prev{color: var(--po-neon)}
#reservar .am-fs__main-footer{background: var(--po-dark); border-top: 1px solid rgba(57,255,20,.2)}
#reservar .am-fs__main-content,#reservar .am-fs__main-inner{background: transparent}

/* Barra de progresso */
#reservar .am-progress-bar{background: transparent}
#reservar .am-progress-bar .am-step{background: rgba(255,255,255,.14);height: 3px;border-radius: 0}
#reservar .am-progress-bar .am-step.am-current-step,#reservar .am-progress-bar .am-step.am-passed-step{background: var(--po-neon)}

/* ---------- 3. Botões ---------- */
#reservar .am-button{
	font-family: var(--po-font-ui);
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-radius: 0;
	clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
#reservar .am-button--primary,#reservar .am-button--filled.am-button--primary{
	background: var(--po-neon);
	border: 2px solid var(--po-neon);
	color: var(--po-black);
}
#reservar .am-button--primary:hover,#reservar .am-button--primary:focus-visible{
	background: var(--po-black);
	color: var(--po-neon);
	border-color: var(--po-neon);
	animation: glitchShift .25s steps(2) infinite;
}
#reservar .am-button--primary.is-disabled,#reservar .am-button--primary[disabled]{
	background: var(--po-dark-2);border-color: rgba(57,255,20,.25);color: #6b706b;animation: none;
}
#reservar .am-button--secondary,#reservar .am-button--plain.am-button--secondary{
	background: transparent;color: #fff;border: 1px solid rgba(57,255,20,.4);
}
#reservar .am-button--secondary:hover{color: var(--po-neon);border-color: var(--po-neon)}
#reservar .am-button--plain{color: var(--po-neon);background: transparent}
#reservar .am-button--plain.am-button--primary{border: 2px solid var(--po-neon)}
#reservar .am-button--plain.am-button--primary:hover{background: var(--po-neon);color: var(--po-black);animation: none}

/* ---------- 4. Campos (inputs, selects, cascader, telefone) ---------- */
#reservar .el-input__wrapper,#reservar .el-textarea__inner,#reservar .am-input-phone-wrapper .el-input__wrapper{
	background: #0d0f0d;
	border-radius: 0;
	box-shadow: 0 0 0 1px rgba(57,255,20,.3) inset;
}
#reservar .el-input__wrapper:hover{box-shadow: 0 0 0 1px rgba(57,255,20,.6) inset}
#reservar .el-input__wrapper.is-focus,#reservar .el-input__wrapper:focus-within{box-shadow: 0 0 0 1px var(--po-neon) inset}
#reservar .el-input__inner{
	color: #e8e8e8;
	font-family: var(--po-font-ui);
	font-weight: 600;
	-webkit-text-fill-color: #e8e8e8;
}
#reservar .el-input__inner::placeholder{color: #8a8f8a;-webkit-text-fill-color: #8a8f8a}
#reservar .el-input__icon,#reservar .el-input__suffix,#reservar .el-select__caret{color: var(--po-neon)}
#reservar .el-form-item__label,#reservar .am-fs__info-form__label,#reservar .am-fs__init-form__label{
	font-family: var(--po-font-ui);
	font-weight: 600;
	letter-spacing: .3px;
	color: #c9cdc9;
}
#reservar .el-form-item__label::before{color: var(--po-alert)}
/* Validação */
#reservar .el-form-item.is-error .el-input__wrapper{box-shadow: 0 0 0 1px var(--po-alert) inset}
#reservar .el-form-item__error{color: var(--po-alert);font-family: var(--po-font-ui);font-weight: 600}
/* Caixas de seleção */
#reservar .el-checkbox__inner{background: #0d0f0d;border: 1px solid rgba(57,255,20,.4);border-radius: 0}
#reservar .el-checkbox__input.is-checked .el-checkbox__inner{background: var(--po-neon);border-color: var(--po-neon)}
#reservar .el-checkbox__input.is-checked .el-checkbox__inner::after{border-color: var(--po-black)}
#reservar .el-checkbox__label{color: #e8e8e8;font-family: var(--po-font-ui);font-weight: 600}

/* ---------- 5. Contador de pessoas e extras (− / +) ---------- */
#reservar .el-input-number__decrease,#reservar .el-input-number__increase{
	background: var(--po-dark-2);
	color: var(--po-neon);
	border-color: rgba(57,255,20,.3);
	border-radius: 0;
}
#reservar .el-input-number__decrease:hover,#reservar .el-input-number__increase:hover{background: var(--po-neon);color: var(--po-black)}
#reservar .el-input-number .el-input__wrapper{box-shadow: 0 0 0 1px rgba(57,255,20,.3) inset}
#reservar .el-input-number.is-disabled .el-input-number__decrease,#reservar .el-input-number.is-disabled .el-input-number__increase{color: #6b706b}
#reservar .am-input-number .el-input__inner{font-family: var(--po-font-ui);font-weight: 700;color: #fff}

/* Passo "Vai levar alguém…" (popup deslizante) */
#reservar .am-slide-popup__block,#reservar .am-fs__bringing-main,#reservar .am-fs__bringing{background: var(--po-dark);color: #e8e8e8}
#reservar .am-fs__bringing-message,#reservar .am-fs__bringing-content-text{color: #c9cdc9}
#reservar .am-slide-popup__block-footer{background: var(--po-dark);border-top: 1px solid rgba(57,255,20,.2)}
#reservar .am-fs__ps-popup__heading,#reservar .am-fs__bringing .am-fs__main-heading-inner-title{font-family: var(--po-font-title);text-transform: uppercase;letter-spacing: 1px;color: #fff}
#reservar .am-fs__popup-x{color: var(--po-neon)}

/* Extras */
#reservar .am-fs__extras-card__content,#reservar .am-collapse-item{background: var(--po-dark-2);border: 1px solid rgba(57,255,20,.2);border-radius: 0}
#reservar .am-fs__extras-heading-main,#reservar .am-fs__extras-card__header-left{font-family: var(--po-font-ui);font-weight: 700;color: #fff}
#reservar .am-fs__extras-card__header-right,#reservar .am-amount{font-family: var(--po-font-ui);font-weight: 700;color: var(--po-neon)}
#reservar .am-collapse-item__heading,#reservar .am-collapse-item__trigger,#reservar .am-collapse-item__content{background: transparent;color: #c9cdc9}
#reservar .am-collapse-item__trigger-label{font-family: var(--po-font-ui);font-weight: 700;color: var(--po-neon)}

/* ---------- 6. Data e hora (calendário) ---------- */
#reservar .am-advsc__wrapper,#reservar .am-fs-dt__calendar,#reservar .am-advsc{background: transparent;color: #e8e8e8}
#reservar .am-advsc__header .am-button-group .am-button{background: var(--po-dark-2);border: 1px solid rgba(57,255,20,.3);color: var(--po-neon)}
#reservar .am-advsc__header .am-button-group .am-button:hover{background: var(--po-neon);color: var(--po-black)}
#reservar .am-advsc__dayGridMonth-header-cell{background: transparent;border-color: rgba(57,255,20,.15)}
#reservar .am-advsc__dayGridMonth-header-cell .fc-col-header-cell-cushion{font-family: var(--po-font-ui);font-weight: 700;letter-spacing: 1px;text-transform: uppercase;color: #c9cdc9}
#reservar .am-advsc__dayGridMonth-header-weekend .fc-col-header-cell-cushion{color: var(--po-alert)}
#reservar .fc-theme-standard td,#reservar .fc-theme-standard th,#reservar .fc-theme-standard .fc-scrollgrid{border-color: rgba(57,255,20,.15)}
#reservar .am-advsc__dayGridMonth-cell{background: var(--po-dark-2);color: #e8e8e8;border-radius: 0;font-family: var(--po-font-ui);font-weight: 700}
#reservar .fc-daygrid-day-number{font-family: var(--po-font-ui);font-weight: 700;color: inherit}
/* dias sem vagas (passado/indisponível): esbatidos */
#reservar .am-advsc__dayGridMonth-disabled{background: transparent;color: #5d625d;opacity: .6}
#reservar .fc-day-other{opacity: .35}
/* dias com vagas e dia selecionado: verde-néon */
#reservar .fc-day-future:not(.am-advsc__dayGridMonth-disabled):not(.fc-day-other){background: rgba(57,255,20,.12);color: var(--po-neon);cursor: pointer}
#reservar .fc-day-future:not(.am-advsc__dayGridMonth-disabled):not(.fc-day-other):hover{background: rgba(57,255,20,.25)}
#reservar .am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-selected,#reservar .fc-day.am-advsc__selected,#reservar .fc-daygrid-day.fc-day-selected{background: var(--po-neon);color: var(--po-black)}
/* Duração / preço (select) */
#reservar .am-oitf__wrapper{color: #e8e8e8}
#reservar .am-oitf__data-label,#reservar .am-oitf__data-price-string{font-family: var(--po-font-ui);font-weight: 700}
/* Slots de hora */
#reservar .am-advsc__slots-heading{font-family: var(--po-font-title);text-transform: uppercase;letter-spacing: 1px;color: #fff}
#reservar .am-advsc__slots-item{
	background: var(--po-dark-2);
	border: 1px solid rgba(57,255,20,.3);
	border-radius: 0;
	color: #e8e8e8;
	font-family: var(--po-font-ui);
	font-weight: 700;
	clip-path: polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
#reservar .am-advsc__slots-item:hover{border-color: var(--po-neon);color: var(--po-neon)}
#reservar .am-advsc__slots-item__selected,#reservar .am-advsc__slots-item.am-advsc__slots-item__selected{background: var(--po-neon);color: var(--po-black);border-color: var(--po-neon)}
#reservar .am-advsc__slots-item__inner{font-family: var(--po-font-ui);font-weight: 700;color: inherit}

/* ---------- 7. Dados do cliente ---------- */
#reservar .am-fs__info-form{color: #e8e8e8}
#reservar .am-input-phone-wrapper .el-select,#reservar .am-input-phone .el-input{background: transparent}

/* ---------- 8. Pagamento (resumo) ---------- */
#reservar .am-fs__payments-main,#reservar .am-fs__payments-wrapper{color: #e8e8e8}
#reservar .am-fs__payments-heading-main{font-family: var(--po-font-title);text-transform: uppercase;letter-spacing: 1px;color: #fff}
#reservar .am-fs__payments-services-info,#reservar .am-fs__payments-main-cards,#reservar .am-fs__payments-app-info{background: var(--po-dark-2);border: 1px solid rgba(57,255,20,.2);border-radius: 0;color: #e8e8e8}
#reservar .am-fs__payments-price,#reservar .am-fs__payments-app-info-total,#reservar .am-fs__payments-app-info-deposit{font-family: var(--po-font-ui);font-weight: 700;color: var(--po-neon)}
#reservar .am-fs__payments-sentence{color: #c9cdc9}

/* ---------- 9. Dropdowns e popups (renderizados no fim do <body>) ---------- */
[id^="el-popper-container"] .el-popper,
[id^="el-popper-container"] .el-popper.is-light,
[id^="el-popper-container"] .el-select__popper,
[id^="el-popper-container"] .el-cascader__dropdown{
	background: var(--po-dark-2);
	border: 1px solid rgba(57,255,20,.35);
	border-radius: 0;
	color: #e8e8e8;
	box-shadow: 0 10px 30px rgba(0,0,0,.6);
}
[id^="el-popper-container"] .el-popper__arrow::before{background: var(--po-dark-2);border-color: rgba(57,255,20,.35)}
[id^="el-popper-container"] .el-select-dropdown__item,
[id^="el-popper-container"] .el-cascader-node{color: #e8e8e8;font-family: var(--po-font-ui);font-weight: 600}
[id^="el-popper-container"] .el-select-dropdown__item.hover,
[id^="el-popper-container"] .el-select-dropdown__item:hover,
[id^="el-popper-container"] .el-cascader-node:hover,
[id^="el-popper-container"] .el-cascader-node:not(.is-disabled):focus{background: rgba(57,255,20,.15);color: var(--po-neon)}
[id^="el-popper-container"] .el-select-dropdown__item.is-selected,
[id^="el-popper-container"] .el-cascader-node.in-active-path,
[id^="el-popper-container"] .el-cascader-node.is-active{background: var(--po-neon);color: var(--po-black);font-weight: 700}
[id^="el-popper-container"] .el-cascader-menu{border-color: rgba(57,255,20,.2)}
[id^="el-popper-container"] .el-cascader-menu__empty-text{color: #8a8f8a}
[id^="el-popper-container"] .el-scrollbar__thumb{background: rgba(57,255,20,.4)}


/* Os dropdowns (select) são filhos diretos do <body>, fora de #el-popper-container. */
body > .el-popper.is-light,
body > .el-popper.am-select-popper,
body > .el-select__popper{
	background: var(--po-dark-2);
	border: 1px solid rgba(57,255,20,.35);
	border-radius: 0;
	color: #e8e8e8;
	box-shadow: 0 10px 30px rgba(0,0,0,.6);
}
body > .el-popper .el-popper__arrow::before{background: var(--po-dark-2);border-color: rgba(57,255,20,.35)}
body > .el-popper .el-select-dropdown,body > .el-popper .el-select-dropdown__wrap,body > .el-popper .el-scrollbar{background: transparent}
body > .el-popper .el-select-dropdown__item{color: #e8e8e8;font-family: var(--po-font-ui);font-weight: 600;background: transparent}
body > .el-popper .el-select-dropdown__item.hover,body > .el-popper .el-select-dropdown__item:hover{background: rgba(57,255,20,.15);color: var(--po-neon)}
body > .el-popper .el-select-dropdown__item.is-selected,body > .el-popper .el-select-dropdown__item.selected{background: var(--po-neon);color: var(--po-black);font-weight: 700}
body > .el-popper .el-select-dropdown__empty{color: #8a8f8a}
body > .el-popper .el-scrollbar__thumb{background: rgba(57,255,20,.4)}
body > .el-popper .el-cascader-node{color: #e8e8e8;font-family: var(--po-font-ui);font-weight: 600}
body > .el-popper .el-cascader-node:hover{background: rgba(57,255,20,.15);color: var(--po-neon)}
body > .el-popper .el-cascader-node.in-active-path,body > .el-popper .el-cascader-node.is-active{background: var(--po-neon);color: var(--po-black)}


/* Cascader (passo Serviço em layout 1): o painel tem fundo branco próprio */
[id^="el-popper-container"] .el-cascader-panel,
[id^="el-popper-container"] .el-cascader-menu,
body > .el-popper .el-cascader-panel{background: var(--po-dark-2);color: #e8e8e8}
[id^="el-popper-container"] .el-cascader__dropdown,[id^="el-popper-container"] .am-adv-select__popper{background: var(--po-dark-2);border: 1px solid rgba(57,255,20,.35);border-radius: 0;box-shadow: 0 10px 30px rgba(0,0,0,.6)}
[id^="el-popper-container"] .el-cascader-node__label{color: inherit}
[id^="el-popper-container"] .el-cascader-node .el-icon,[id^="el-popper-container"] .el-cascader-node .el-cascader-node__postfix{color: var(--po-neon)}

[id^="el-popper-container"] .am-adv-select__item-label{color: #e8e8e8;font-family: var(--po-font-ui);font-weight: 600}
[id^="el-popper-container"] .am-adv-select__item-quantity{color: rgba(232,232,232,.5);font-family: var(--po-font-ui)}
[id^="el-popper-container"] .am-adv-select__popper-heading{background: var(--po-dark);color: var(--po-neon);font-family: var(--po-font-ui);font-weight: 700;letter-spacing: 1px;text-transform: uppercase;border-bottom: 1px solid rgba(57,255,20,.25)}
[id^="el-popper-container"] .el-cascader-node:hover .am-adv-select__item-label,[id^="el-popper-container"] .el-cascader-node:hover .am-adv-select__item-quantity{color: var(--po-neon)}
[id^="el-popper-container"] .el-cascader-node.is-active .am-adv-select__item-label,[id^="el-popper-container"] .el-cascader-node.in-active-path .am-adv-select__item-label,[id^="el-popper-container"] .el-cascader-node.in-active-path .am-adv-select__item-quantity{color: var(--po-black)}
[id^="el-popper-container"] .el-cascader-menu__empty-text,[id^="el-popper-container"] .am-adv-select__popper .el-cascader-menu__empty-text{color: #8a8f8a}


/* Botões e erros: o Amelia usa seletores com #amelia-container; repetimos o id para ter a mesma força. */
#reservar #amelia-container .am-button,#reservar #amelia-container .am-button .am-button__inner{
	font-family: var(--po-font-ui);
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
#reservar #amelia-container .el-form-item.is-error .el-input__wrapper,
#reservar #amelia-container .el-form-item.is-error .am-input .el-input__wrapper{box-shadow: 0 0 0 1px var(--po-alert) inset}

/* ---------- 10. Carregamento e mensagens ---------- */
#reservar .el-loading-mask{background: rgba(19,21,19,.85)}
#reservar .el-loading-spinner .path{stroke: var(--po-neon)}
#reservar .am-alert,#reservar .el-alert{background: var(--po-dark-2);color: #e8e8e8;border-radius: 0;border-left: 3px solid var(--po-neon)}
#reservar .am-alert--error,#reservar .el-alert--error{border-left-color: var(--po-alert)}

/* ---------- 11. Mobile ---------- */
@media (max-width: 600px){
	#reservar .am-fs__main-heading-inner-title{font-size: 19px}
}