/* Pele ReHuman Lab para o Amelia (booking Step-by-step e painel de cliente).
   O Amelia injeta as variáveis --am-* em linha no #amelia-container a partir de Amelia > Customize; para não depender disso
   usamos !important aqui. Se as cores forem também definidas em Customize (docs/AMELIA.md, secção 5), esta pele passa a ser só reforço. */
:root { --rhl-paper: #f4f2ed; --rhl-paper-2: #ebe8e0; --rhl-ink: #2d3136; --rhl-muted: #62594d; --rhl-terra: #8a5749; --rhl-terra-deep: #7a4b3e; --rhl-sage-deep: #566640; }

.rhl-amelia #amelia-container, .amelia-v2-booking #amelia-container {
  --am-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  --am-c-primary: #8a5749 !important;
  --am-c-success: #566640 !important;
  --am-c-error: #b4534a !important;
  --am-c-warning: #b98a2e !important;
  --am-c-main-bgr: #f4f2ed !important;
  --am-c-main-heading-text: #2d3136 !important;
  --am-c-main-text: #2d3136 !important;
  --am-c-sb-bgr: #2d3136 !important;
  --am-c-sb-text: #f4f2ed !important;
  --am-c-inp-bgr: #ffffff !important;
  --am-c-inp-border: rgba(45, 49, 54, .32) !important;
  --am-c-inp-text: #2d3136 !important;
  --am-c-inp-placeholder: #62594d !important;
  --am-c-drop-bgr: #ebe8e0 !important;
  --am-c-drop-text: #2d3136 !important;
  --am-c-btn-prim: #2d3136 !important;
  --am-c-btn-prim-text: #f4f2ed !important;
  --am-c-btn-sec: #2d3136 !important;
  --am-c-btn-sec-text: #f4f2ed !important;
  --am-mw-main: 780px !important;
  --am-brad-main: 18px !important;
  --am-rad-btn: 999px !important;
  --am-rad-inp: 10px !important;
  --am-rad-input: 10px !important;
  font-feature-settings: 'cv11', 'ss01';
}
.amelia-v2-booking #amelia-container { border: 1px solid rgba(45, 49, 54, .18); border-radius: 18px; box-shadow: 0 40px 80px -50px rgba(45, 49, 54, .45); overflow: hidden; }

/* títulos em serifa, como no resto do site */
.amelia-v2-booking #amelia-container .am-fs__main-heading-inner-title,
.amelia-v2-booking #amelia-container [class*="heading"] h2,
.amelia-v2-booking #amelia-container .am-asi__header { font-family: 'Instrument Serif', 'Times New Roman', serif !important; font-weight: 400 !important; letter-spacing: -.01em; font-size: 1.7rem; }

/* botões em cápsula com o halo da marca (não o preenchimento que sobe) */
.amelia-v2-booking #amelia-container .am-button { min-height: 44px !important; min-width: 44px; border-radius: 999px !important; font-weight: 500; letter-spacing: .005em; position: relative; transition: background .3s, border-color .3s, transform .3s; }
.amelia-v2-booking #amelia-container .am-button--filled:not(.is-disabled):hover { background: var(--rhl-terra-deep) !important; border-color: var(--rhl-terra-deep) !important; transform: translateY(-1px); }
.amelia-v2-booking #amelia-container .am-button--filled:not(.is-disabled):hover::after { content: ''; position: absolute; inset: -6px; border: 1px solid var(--rhl-terra); border-radius: inherit; pointer-events: none; }

/* calendário e horários: tom terracota para o dia e a hora escolhidos */
.amelia-v2-booking #amelia-container .am-advsc__slots-item.is-selected,
.amelia-v2-booking #amelia-container .am-advsc__dayGridMonth-cell.is-selected { background: var(--rhl-terra) !important; color: #fff !important; border-color: var(--rhl-terra) !important; }
.amelia-v2-booking #amelia-container .am-advsc__slots-item:hover { border-color: var(--rhl-terra) !important; }
.amelia-v2-booking #amelia-container .am-progress-bar, .amelia-v2-booking #amelia-container [class*="progress"] { --am-c-primary: #a0695b; }

/* foco visível (acessibilidade) */
.amelia-v2-booking #amelia-container :focus-visible { outline: 2px solid var(--rhl-terra-deep) !important; outline-offset: 3px; }

/* painel de cliente: mesma pele, cartões mais calmos */
.rhl-cabinet #amelia-container { max-width: 980px; margin: 0 auto; }

/* móvel */
@media (max-width: 640px) { .amelia-v2-booking #amelia-container { border-radius: 14px; } .amelia-v2-booking #amelia-container .am-fs__main-heading-inner-title { font-size: 1.45rem; } }

/* WooCommerce (pagamento): campos e botão alinhados com a marca */
body.woocommerce-checkout { background: var(--rhl-paper); }
body.woocommerce-checkout .woocommerce { font-family: 'Inter', system-ui, sans-serif; color: var(--rhl-ink); }
body.woocommerce-checkout .woocommerce input.input-text, body.woocommerce-checkout .woocommerce select, body.woocommerce-checkout .woocommerce textarea { border: 1px solid rgba(45, 49, 54, .32); border-radius: 10px; padding: 14px 16px; background: #fff; }
body.woocommerce-checkout #place_order, body.woocommerce-checkout .button.alt { background: var(--rhl-ink) !important; color: var(--rhl-paper) !important; border-radius: 999px !important; padding: 16px 30px !important; font-weight: 500; }
body.woocommerce-checkout #place_order:hover { background: var(--rhl-terra-deep) !important; }
