/* ============================================================
   Tema L'Occitane — paleta e tipografia do fluxo Agendar/quiz
   Aplicado globalmente via views/layout.php (somente visual).
   Tokens: fundo #F2E9DB | painel #FAF7F2 | item #FBF9F6
           texto #3F2B2E | suave #7E7D7B | borda #D5D4D1
           selecionado #E3DCDB / #5B3845 | hover #F9F5F0
   ============================================================ */

@font-face {
    font-family: "LOccitaneSans";
    src: url(/images/LOccitaneSans-Light.woff2) format("woff2"), url(/images/LOccitaneSans-Light.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "LOccitaneSans";
    src: url(/images/LOccitaneSans-Regular.woff2) format("woff2"), url(/images/LOccitaneSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "LOccitaneSans";
    src: url(/images/LOccitaneSans-Medium.woff2) format("woff2"), url(/images/LOccitaneSans-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "LOccitaneSans";
    src: url(/images/LOccitaneSans-Bold.woff2) format("woff2"), url(/images/LOccitaneSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --loc-bg: #F2E9DB;
    --loc-panel: #FAF7F2;
    --loc-item: #FBF9F6;
    --loc-text: #3F2B2E;
    --loc-muted: #7E7D7B;
    --loc-border: #D5D4D1;
    --loc-border-strong: #7E7173;
    --loc-selected: #E3DCDB;
    --loc-selected-border: #5B3845;
    --loc-hover: #F9F5F0;
    --loc-hover-2: #F6F0E7;
    --loc-primary: #3F2B2E;
    --loc-primary-hover: #2D1F21;
    --bs-body-bg: var(--loc-bg);
    --bs-body-color: var(--loc-text);
    --bs-border-color: var(--loc-border);
    --bs-link-color: #5B3845;
    --bs-link-hover-color: #3F2B2E;
    --bs-link-color-rgb: 91, 56, 69;
    --bs-link-hover-color-rgb: 63, 43, 46;
}

body,
.wrapper,
.content-wrapper {
    background-color: var(--loc-bg) !important;
    color: var(--loc-text);
    font-family: LOccitaneSans, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---------- Navbar / cabeçalho ---------- */
.main-header.navbar {
    background-color: var(--loc-panel) !important;
    border-bottom: 1px solid var(--loc-border) !important;
    box-shadow: none;
}
.main-header .nav-link,
.main-header .navbar-nav .nav-link {
    color: var(--loc-text) !important;
}
.main-header .nav-link:hover {
    color: var(--loc-selected-border) !important;
}
.content-header h1 {
    font-family: LOccitaneSans, sans-serif;
    font-weight: 500;
    color: var(--loc-text) !important;
    font-size: 1.35rem;
}
.breadcrumb {
    background: transparent;
}
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item.active {
    color: var(--loc-muted);
}

/* ---------- Sidebar ---------- */
.main-sidebar,
.main-sidebar .sidebar {
    background-color: var(--loc-panel) !important;
    border-right: 1px solid var(--loc-border);
}
.main-sidebar .brand-container {
    border-bottom: 1px solid var(--loc-border);
}
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active,
[class*=sidebar-light-] .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--loc-selected) !important;
    color: var(--loc-text) !important;
    box-shadow: none;
}
[class*=sidebar-light-] .sidebar a,
[class*=sidebar-light-] .nav-sidebar .nav-link p {
    color: var(--loc-text);
}
.nav-sidebar .nav-link:hover {
    background-color: var(--loc-hover) !important;
    color: var(--loc-text) !important;
}

/* ---------- Cartões / caixas ---------- */
.card {
    background-color: var(--loc-panel);
    border: 1px solid var(--loc-border);
    border-radius: 6px;
    box-shadow: none;
}
.card-header {
    background-color: var(--loc-panel);
    border-bottom: 1px solid var(--loc-border);
    color: var(--loc-muted);
    font-family: LOccitaneSans, sans-serif;
    font-weight: 500;
}
.card-footer {
    background-color: var(--loc-panel);
    border-top: 1px solid var(--loc-border);
}

/* ---------- Botões ---------- */
.btn {
    border-radius: 6px;
}
.btn-primary {
    --bs-btn-bg: var(--loc-primary);
    --bs-btn-border-color: var(--loc-primary);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--loc-primary-hover);
    --bs-btn-hover-border-color: var(--loc-primary-hover);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--loc-primary-hover);
    --bs-btn-active-border-color: var(--loc-primary-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-bg: var(--loc-primary);
    --bs-btn-disabled-border-color: var(--loc-primary);
    --bs-btn-disabled-color: #fff;
    --bs-btn-focus-shadow-rgb: 91, 56, 69;
}
.btn-default,
.btn-secondary,
.btn-light {
    --bs-btn-bg: var(--loc-item);
    --bs-btn-border-color: var(--loc-border-strong);
    --bs-btn-color: var(--loc-text);
    --bs-btn-hover-bg: var(--loc-hover-2);
    --bs-btn-hover-border-color: var(--loc-border-strong);
    --bs-btn-hover-color: var(--loc-text);
    --bs-btn-active-bg: var(--loc-selected);
    --bs-btn-active-border-color: var(--loc-selected-border);
    --bs-btn-active-color: var(--loc-text);
}
.btn-warning {
    --bs-btn-bg: #E3DCDB;
    --bs-btn-border-color: #5B3845;
    --bs-btn-color: var(--loc-text);
    --bs-btn-hover-bg: #D6CBC9;
    --bs-btn-hover-border-color: #5B3845;
    --bs-btn-hover-color: var(--loc-text);
    --bs-btn-active-bg: #D6CBC9;
    --bs-btn-active-border-color: #5B3845;
    --bs-btn-active-color: var(--loc-text);
}
.btn-tool {
    color: var(--loc-muted);
}

/* ---------- Formulários ---------- */
.form-control:not(.form-control-color),
.form-select,
.custom-file-label,
.input-group-text {
    background-color: var(--loc-item) !important;
    border-color: var(--loc-border-strong);
    color: var(--loc-text) !important;
    border-radius: 6px;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--loc-selected-border);
    box-shadow: 0 0 0 0.15rem rgba(91, 56, 69, 0.15);
}
.form-control::placeholder {
    color: var(--loc-muted) !important;
}
label:not(.form-check-label),
.col-form-label,
.ew-label {
    color: var(--loc-text);
    font-family: LOccitaneSans, sans-serif;
}
.form-check-input:checked {
    background-color: var(--loc-primary);
    border-color: var(--loc-primary);
}
/* select2 */
.select2-container--bootstrap5 .select2-selection,
.select2-selection--single,
.select2-selection--multiple {
    background-color: var(--loc-item) !important;
    border-color: var(--loc-border-strong) !important;
    border-radius: 6px !important;
}
.select2-dropdown {
    background-color: var(--loc-item);
    border-color: var(--loc-border);
}
.select2-results__option--highlighted {
    background-color: var(--loc-selected) !important;
    color: var(--loc-text) !important;
}

/* ---------- Tabelas (listas PHPMaker) ---------- */
.table {
    --bs-table-bg: var(--loc-panel);
    --bs-table-color: var(--loc-text);
    --bs-table-border-color: var(--loc-border);
    --bs-table-striped-bg: var(--loc-item);
    --bs-table-striped-color: var(--loc-text);
    --bs-table-hover-bg: var(--loc-hover);
    --bs-table-hover-color: var(--loc-text);
    --bs-table-active-bg: var(--loc-selected);
    --bs-table-active-color: var(--loc-text);
}
.table thead th,
.table > :not(caption) > * > th {
    background-color: var(--loc-selected);
    color: var(--loc-text);
    font-family: LOccitaneSans, sans-serif;
    font-weight: 500;
    border-color: var(--loc-border);
}
.table td {
    border-color: var(--loc-border);
}

/* ---------- Paginação ---------- */
.pagination {
    --bs-pagination-bg: var(--loc-item);
    --bs-pagination-color: var(--loc-text);
    --bs-pagination-border-color: var(--loc-border);
    --bs-pagination-hover-bg: var(--loc-hover-2);
    --bs-pagination-hover-color: var(--loc-text);
    --bs-pagination-focus-bg: var(--loc-hover-2);
    --bs-pagination-focus-color: var(--loc-text);
    --bs-pagination-active-bg: var(--loc-primary);
    --bs-pagination-active-border-color: var(--loc-primary);
    --bs-pagination-active-color: #fff;
    --bs-pagination-disabled-bg: var(--loc-panel);
    --bs-pagination-disabled-color: var(--loc-muted);
    --bs-pagination-disabled-border-color: var(--loc-border);
}

/* ---------- Dropdowns / modais / abas ---------- */
.dropdown-menu {
    background-color: var(--loc-item);
    border: 1px solid var(--loc-border);
    border-radius: 6px;
    --bs-dropdown-link-color: var(--loc-text);
    --bs-dropdown-link-hover-bg: var(--loc-hover);
    --bs-dropdown-link-hover-color: var(--loc-text);
    --bs-dropdown-link-active-bg: var(--loc-selected);
    --bs-dropdown-link-active-color: var(--loc-text);
}
.modal-content {
    background-color: var(--loc-panel);
    border: 1px solid var(--loc-border);
    border-radius: 6px;
    color: var(--loc-text);
}
.modal-header,
.modal-footer {
    border-color: var(--loc-border);
}
.nav-tabs .nav-link.active {
    background-color: var(--loc-panel);
    border-color: var(--loc-border) var(--loc-border) var(--loc-panel);
    color: var(--loc-text);
}
.nav-tabs .nav-link {
    color: var(--loc-muted);
}

/* ---------- Login ---------- */
.ew-login-box .card,
.ew-login-card {
    background-color: var(--loc-panel);
    border: 1px solid var(--loc-border);
    border-radius: 6px;
}
.login-box-msg {
    color: var(--loc-muted);
    font-family: LOccitaneSans, sans-serif;
}

/* ---------- Rodapé ---------- */
.main-footer {
    background-color: var(--loc-panel) !important;
    border-top: 1px solid var(--loc-border);
    color: var(--loc-muted);
}

/* ---------- Botão "voltar ao topo" do layout ---------- */
#myBtn {
    background-color: var(--loc-primary) !important;
    color: #fff !important;
    border: none;
    border-radius: 6px;
}
#myBtn:hover {
    background-color: var(--loc-primary-hover) !important;
}

/* ============================================================
   Sobreposições do stylesheet do projeto (loccitane_V2024.css)
   Espelham os seletores antigos (inputs amarelos #feffab, card
   chapado, faixa dourada) — este arquivo carrega depois e vence.
   ============================================================ */
[data-bs-theme=light] .btn {
    background: var(--loc-primary) !important;
    --bs-btn-hover-bg: var(--loc-primary-hover) !important;
    color: #fff !important;
}
[data-bs-theme=light] .btn-default,
[data-bs-theme=light] .btn-secondary,
[data-bs-theme=light] .btn-light,
[data-bs-theme=light] .btn-tool,
[data-bs-theme=light] .btn-link,
[data-bs-theme=light] .btn-close {
    background: var(--loc-item) !important;
    --bs-btn-hover-bg: var(--loc-hover-2) !important;
    color: var(--loc-text) !important;
    border-color: var(--loc-border-strong);
}
[data-bs-theme=light] .btn-tool,
[data-bs-theme=light] .btn-link,
[data-bs-theme=light] .btn-close {
    background: transparent !important;
    border-color: transparent;
}
[data-bs-theme=light] .card {
    background-color: var(--loc-panel) !important;
    border: 1px solid var(--loc-border);
    border-style: solid;
}
[data-bs-theme=light] input[type=text]:not(:read-only),
[data-bs-theme=light] input[type=time],
[data-bs-theme=light] input[type=date],
[data-bs-theme=light] input[type=tel],
[data-bs-theme=light] input[type=password],
[data-bs-theme=light] input[type=number],
[data-bs-theme=light] input[type=email],
[data-bs-theme=light] textarea {
    background-color: var(--loc-item) !important;
    color: var(--loc-text) !important;
}
[data-bs-theme=light] input[type=radio] {
    border-color: var(--loc-border-strong) !important;
}
[data-bs-theme=light] select {
    background-color: var(--loc-item) !important;
    border-radius: 6px !important;
}
[data-bs-theme=light] .select2-selection {
    background-color: var(--loc-item) !important;
    border-radius: 6px !important;
}
[data-bs-theme=light] #multiselecao {
    background-color: var(--loc-item) !important;
}
.brand-container {
    background-color: var(--loc-panel) !important;
}

/* ============================================================
   Páginas públicas standalone (usam css/agendar.css)
   Sobrepõe cores antigas (amarelo/ciano/cinza) pela paleta.
   O prefixo "html" aumenta a especificidade para vencer o
   agendar.css e estilos inline carregados depois deste arquivo.
   ============================================================ */

/* inputs cinza do agendar.css -> tom do quiz */
html body input:not([type=checkbox]):not([type=radio]) {
    background-color: var(--loc-item) !important;
    color: var(--loc-text) !important;
}

/* itens de seleção (.option) das páginas legadas */
html .option {
    background: var(--loc-item) !important;
    color: var(--loc-text) !important;
    border-radius: 4px;
}
html .option.selected {
    background: var(--loc-selected) !important;
    background-color: var(--loc-selected) !important;
    box-shadow: inset 0 0 0 1px var(--loc-selected-border);
}
html .optionunid.selected {
    background-color: var(--loc-selected) !important;
    color: var(--loc-text) !important;
    box-shadow: inset 0 0 0 1px var(--loc-selected-border);
}
html .optionday.selected,
html .optionday.selected .check {
    background-image: linear-gradient(var(--loc-selected), var(--loc-item)) !important;
}
html .option-container {
    border-top-color: var(--loc-border) !important;
}

/* rodapé fixo escuro do agendar.css -> claro com borda */
html #rodape {
    background-color: var(--loc-panel) !important;
    border-top: 1px solid var(--loc-border);
}
html #rodape #horario,
html #rodape #servicos {
    color: var(--loc-muted) !important;
}

/* calendário semanal das páginas legadas */
html .titulosemana {
    background-color: var(--loc-selected) !important;
    border-color: var(--loc-border) !important;
}
html .dia1, html .dia2, html .dia3, html .dia4, html .dia5, html .dia6, html .dia7 {
    background-image: linear-gradient(var(--loc-item), var(--loc-panel)) !important;
    border-color: var(--loc-border) !important;
}
html .dayweek, html .day, html .month {
    color: var(--loc-text) !important;
}
html .escalaBtn {
    background-color: var(--loc-item) !important;
    color: var(--loc-text) !important;
    border: 1px solid var(--loc-border-strong) !important;
    border-radius: 6px !important;
    font-family: LOccitaneSans, sans-serif !important;
    font-size: 1rem !important;
    opacity: 1;
}
html .escalaBtn:hover {
    background-color: var(--loc-selected) !important;
    color: var(--loc-text) !important;
    border-color: var(--loc-selected-border) !important;
}
html .nenhumHorario {
    color: var(--loc-muted) !important;
    font-family: LOccitaneSans, sans-serif !important;
}
html #nomeHelp {
    color: var(--loc-muted) !important;
}
html #modalhorarios {
    background-color: var(--loc-panel) !important;
    border: 1px solid var(--loc-border) !important;
    border-radius: 6px !important;
}