/**
 * Identidade visual PREMIUM do Amelia para a marca Midiã Campos.
 *
 * O formulario do Amelia (v3) usa o Element Plus por baixo. Em vez de brigar
 * com classes "embaralhadas", reconfiguramos as VARIAVEIS de tema do Element
 * Plus (--el-color-primary*) dentro do container do Amelia. Isso recolore
 * botoes, etapas, datas selecionadas, foco dos campos etc. de uma só vez —
 * de forma estavel a atualizacoes.
 *
 * Paleta da marca:
 *   terracota #b2603b · vinho #672f48 · chocolate #4c361f · creme #f6f5d9
 */

/* ====== 1. RECOLORACAO GLOBAL (Element Plus -> marca) ====== */
.amelia-app-booking,
.amelia-v2-booking,
[id^="amelia-v2-booking"],
[id^="amelia-app"],
#amelia-container {
    --el-color-primary: #b2603b !important;
    --el-color-primary-rgb: 178, 96, 59 !important;
    --el-color-primary-light-3: #c5895f !important;
    --el-color-primary-light-5: #d6a886 !important;
    --el-color-primary-light-7: #e7c8b1 !important;
    --el-color-primary-light-8: #f0dbcb !important;
    --el-color-primary-light-9: #f8efe7 !important;
    --el-color-primary-dark-2: #8e4b2d !important;

    --el-border-radius-base: 12px !important;
    --el-border-radius-small: 8px !important;

    font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
    color: #3a2a1c !important;
}

/* Titulos do formulario com a fonte de marca */
.amelia-app-booking h1, .amelia-app-booking h2, .amelia-app-booking h3,
.amelia-app-booking h4, .amelia-app-booking .am-fs__title,
.amelia-v2-booking h1, .amelia-v2-booking h2, .amelia-v2-booking h3,
.amelia-v2-booking h4 {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: #4c361f !important;
    letter-spacing: .2px;
}

/* ====== 2. BOTOES ====== */
.amelia-app-booking .el-button,
.amelia-v2-booking .el-button,
.amelia-app-booking .am-button,
.amelia-v2-booking button[class*="button"] {
    border-radius: 999px !important;
    font-weight: 600 !important;
    letter-spacing: .2px;
    padding: 12px 26px !important;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.amelia-app-booking .el-button--primary,
.amelia-v2-booking .el-button--primary {
    background: linear-gradient(135deg, #b2603b, #672f48) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(139, 94, 59, .28) !important;
}
.amelia-app-booking .el-button--primary:hover,
.amelia-v2-booking .el-button--primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(139, 94, 59, .38) !important;
}

/* Botoes secundarios (outline) na marca */
.amelia-app-booking .el-button.is-plain,
.amelia-v2-booking .el-button.is-plain {
    border-color: rgba(76, 54, 31, .25) !important;
    color: #4c361f !important;
    background: #fff !important;
}
.amelia-app-booking .el-button.is-plain:hover,
.amelia-v2-booking .el-button.is-plain:hover {
    background: #4c361f !important;
    border-color: #4c361f !important;
    color: #fff !important;
}

/* ====== 3. CAMPOS (inputs, selects, textarea) ====== */
.amelia-app-booking .el-input__wrapper,
.amelia-v2-booking .el-input__wrapper,
.amelia-app-booking .el-textarea__inner,
.amelia-v2-booking .el-textarea__inner {
    border-radius: 12px !important;
    box-shadow: 0 0 0 1px rgba(76, 54, 31, .16) inset !important;
    transition: box-shadow .2s ease !important;
}
.amelia-app-booking .el-input__wrapper.is-focus,
.amelia-app-booking .el-input__wrapper:hover,
.amelia-v2-booking .el-input__wrapper.is-focus,
.amelia-v2-booking .el-input__wrapper:hover {
    box-shadow: 0 0 0 2px #b2603b inset !important;
}

/* ====== 4. ETAPAS / PROGRESSO ====== */
.amelia-app-booking .el-step__head.is-process,
.amelia-app-booking .el-step__head.is-finish,
.amelia-v2-booking .el-step__head.is-process,
.amelia-v2-booking .el-step__head.is-finish {
    color: #b2603b !important;
    border-color: #b2603b !important;
}
.amelia-app-booking .el-step__title.is-process,
.amelia-v2-booking .el-step__title.is-process {
    color: #4c361f !important;
    font-weight: 700 !important;
}

/* ====== 5. CALENDARIO (data selecionada / hoje) ====== */
.amelia-app-booking .el-date-table td.current:not(.disabled) .el-date-table-cell__text,
.amelia-v2-booking .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    background: #b2603b !important;
    color: #fff !important;
    border-radius: 50% !important;
}
.amelia-app-booking .el-date-table td.today .el-date-table-cell__text,
.amelia-v2-booking .el-date-table td.today .el-date-table-cell__text {
    color: #b2603b !important;
}

/* ====== 6. CARTOES / PAINEL ====== */
.amelia-app-booking [class*="am-fs"],
.amelia-v2-booking [class*="am-fs"] {
    border-radius: 16px !important;
}

/* Chips de horario / selecionaveis: estado ativo na marca */
.amelia-app-booking .am-selected,
.amelia-app-booking [class*="selected"]:not(input):not(textarea),
.amelia-v2-booking .am-selected {
    border-color: #b2603b !important;
}

/* ====== 7. LINKS / TEXTOS DE DESTAQUE ====== */
.amelia-app-booking a,
.amelia-v2-booking a {
    color: #b2603b !important;
}

/* ====== 8. SIDEBAR (contato) mais discreta e elegante ====== */
.amelia-app-booking [class*="sidebar"],
.amelia-v2-booking [class*="sidebar"] {
    border-radius: 16px !important;
}

/* Tipografia base confortavel */
.amelia-app-booking, .amelia-v2-booking {
    font-size: 15px !important;
    line-height: 1.6 !important;
}