/* Custom Theme Colors - Dourado substituindo Verde */

:root {
    /* Cores Douradas - Baseadas na logo */
    --gold-primary: #e9b04b;      /* Dourado da logo */
    --gold-dark: #c99435;         /* Dourado escuro para hover */
    --gold-light: #f0c670;        /* Dourado claro */
    --gold-lighter: #f9e5c0;      /* Dourado muito claro para backgrounds */

    /* Preto para Header/Footer */
    --black-header: #000000;
    --black-footer: #1a1a1a;
}

/* Admin: evita que logos muito grandes quebrem o menu lateral */
.navbar-brand-logo {
    max-height: 48px;
    max-width: 100%;
    width: auto;
    display: block;
    object-fit: contain;
}

.navbar-vertical .navbar-brand {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ========== SUBSTITUIR VERDE POR DOURADO ========== */

/* Botões Primary (verde -> dourado) */
.btn-primary,
.btn-success {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
    color: #000 !important;
}

.btn-outline-primary,
.btn-outline-success {
    color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Backgrounds verdes -> dourados */
.bg-primary,
.bg-success {
    background-color: var(--gold-primary) !important;
}

.bg-light-primary {
    background-color: var(--gold-lighter) !important;
}

/* Textos verdes -> dourados */
.text-primary,
.text-success {
    color: var(--gold-primary) !important;
}

/* Badges verdes -> dourados */
.badge.bg-primary,
.badge.bg-success {
    background-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Links */
a.text-primary:hover,
a.text-success:hover {
    color: var(--gold-dark) !important;
}

/* Borders */
.border-primary,
.border-success {
    border-color: var(--gold-primary) !important;
}

/* Alerts */
.alert-success {
    background-color: var(--gold-lighter) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Progress bars */
.progress-bar,
.progress-bar-success {
    background-color: var(--gold-primary) !important;
}

/* Forms - inputs com foco */
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(233, 176, 75, 0.25) !important;
}

/* Forms - checks e radios */
.form-check-input:checked {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
}

.form-check-input:focus {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(233, 176, 75, 0.25) !important;
}

/* Nav pills/tabs ativos */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

.page-link {
    color: var(--gold-primary) !important;
}

.page-link:hover {
    color: var(--gold-dark) !important;
    background-color: var(--gold-lighter) !important;
}

/* Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Cards com borda/destaque */
.card-primary {
    border-color: var(--gold-primary) !important;
}

/* List groups */
.list-group-item.active {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Spinners/Loading */
.spinner-border,
.spinner-grow,
.spinner-border-primary,
.spinner-grow-primary {
    color: var(--gold-primary) !important;
    border-color: var(--gold-primary) transparent transparent transparent !important;
}

/* Loaders customizados */
.loader,
.loading,
[class*="spinner"],
[class*="loading"] {
    color: var(--gold-primary) !important;
}

/* Overlay de loading */
.loading-overlay {
    background-color: rgba(233, 176, 75, 0.1) !important;
}

/* Tables */
.table-primary {
    background-color: var(--gold-lighter) !important;
}

/* Icons com cor primária */
.text-primary i,
.text-success i {
    color: var(--gold-primary) !important;
}

/* ========== HEADER E FOOTER PRETO ========== */

/* Header - Fundo Preto */
header,
header .border-bottom,
header .navbar,
header .navbar-default,
header .navbar-light {
    background-color: var(--black-header) !important;
    color: #ffffff !important;
}

/* Header - Textos e Links Brancos */
header a,
header .nav-link,
header .navbar-brand,
header span,
header p,
header h1, header h2, header h3, header h4, header h5, header h6 {
    color: #ffffff !important;
}

header a:hover,
header .nav-link:hover {
    color: var(--gold-primary) !important;
}

/* Header - Inputs de busca */
header input.form-control {
    background-color: #333333 !important;
    border-color: #555555 !important;
    color: #ffffff !important;
}

header input.form-control::placeholder {
    color: #aaaaaa !important;
}

header .btn-outline-gray-400,
header button.bg-white {
    background-color: #333333 !important;
    border-color: #555555 !important;
    color: #ffffff !important;
}

/* Header - Dropdown menus */
header .dropdown-menu {
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
}

header .dropmenu-mobile{
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
}

header .dropdown-item {
    color: #ffffff !important;
}

header .dropdown-item:hover {
    background-color: #333333 !important;
    color: var(--gold-primary) !important;
}

/* Header - Offcanvas mobile menu */
header .offcanvas {
    background-color: var(--black-header) !important;
}

header .offcanvas-header,
header .offcanvas-body {
    background-color: var(--black-header) !important;
}

/* Header - Badges e ícones */
header .badge {
    background-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Header - Botão Entrar/Login */
header .btn,
header button {
    color: #ffffff !important;
}

header .btn:hover,
header button:hover {
    color: var(--gold-primary) !important;
}

header .btn-primary,
header .btn-success {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

header .btn-primary:hover,
header .btn-success:hover {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
    color: #000 !important;
}

/* Header - Ícones (carrinho, favoritos, usuário) */
header i,
header .bi,
header .feather,
header svg {
    color: #ffffff !important;
}

header a:hover i,
header a:hover .bi,
header a:hover .feather,
header a:hover svg {
    color: var(--gold-primary) !important;
}

/* Header - Dropdown de pesquisa de produtos */
#search-results {
    background-color: #ffffff !important;
    color: #000000 !important;
}

#search-results * {
    color: #000000 !important;
}

#search-results .product-item {
    background-color: #ffffff !important;
    color: #000000 !important;
}

#search-results .product-item:hover {
    background-color: #f1f1f1 !important;
}

#search-results a:hover,
#search-results a:hover * {
    color: var(--gold-primary) !important;
}

/* Footer - Fundo Preto */
footer,
.footer {
    background-color: var(--black-footer) !important;
    color: #ffffff !important;
}

/* Footer - Textos e Links Brancos */
footer a,
footer .nav-link,
footer span,
footer p,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: #ffffff !important;
}

footer a:hover,
footer .nav-link:hover {
    color: var(--gold-primary) !important;
}

/* Footer - Ícones */
footer i {
    color: #ffffff !important;
}

/* Footer - Borda superior */
footer.footer {
    border-top: 3px solid var(--gold-primary) !important;
}

/* ========== LINKS E NAVBAR ATIVOS ========== */

/* Links genéricos com classes verdes */
a[class*="text-success"],
a[class*="link-success"] {
    color: var(--gold-primary) !important;
}

a[class*="text-success"]:hover,
a[class*="link-success"]:hover {
    color: var(--gold-dark) !important;
}

/* Sidebar e navegação ativa */
.nav-item.active,
.nav-item.active > a,
.nav-link.active,
.navbar-nav .nav-link.active {
    color: var(--gold-primary) !important;
    background-color: rgba(212, 175, 55, 0.1) !important;
}

/* Bordas de itens ativos na sidebar */
.nav-item.active,
.nav-link.active {
    border-left-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
}

/* Tabs Bootstrap */
.nav-tabs .nav-link.active {
    border-bottom-color: var(--gold-primary) !important;
    color: var(--gold-primary) !important;
}

.nav-tabs .nav-link:hover {
    border-bottom-color: var(--gold-light) !important;
    color: var(--gold-primary) !important;
}

/* Underline de links ativos */
.nav-link.active::after,
.nav-item.active::after {
    background-color: var(--gold-primary) !important;
}

/* Breadcrumbs */
.breadcrumb-item.active {
    color: var(--gold-primary) !important;
}

.breadcrumb-item a {
    color: var(--gold-primary) !important;
}

/* Sidebar admin específica */
.sidebar .nav-link.active,
.offcanvas .nav-link.active,
aside .nav-link.active {
    background-color: var(--gold-lighter) !important;
    color: var(--gold-dark) !important;
    border-left: 3px solid var(--gold-primary) !important;
}

.sidebar .nav-link:hover,
.offcanvas .nav-link:hover,
aside .nav-link:hover {
    background-color: rgba(212, 175, 55, 0.05) !important;
    color: var(--gold-primary) !important;
}

/* Corrigir qualquer borda verde inline */
[style*="border-color: #0aad0a"],
[style*="border-color: green"],
[style*="border-color: #28a745"],
[style*="border-left-color: #0aad0a"],
[style*="border-left-color: green"],
[style*="border-left-color: #28a745"] {
    border-color: var(--gold-primary) !important;
    border-left-color: var(--gold-primary) !important;
}

/* Corrigir qualquer texto verde inline */
[style*="color: #0aad0a"],
[style*="color: green"],
[style*="color: #28a745"] {
    color: var(--gold-primary) !important;
}

/* Corrigir qualquer background verde inline */
[style*="background-color: #0aad0a"],
[style*="background-color: green"],
[style*="background-color: #28a745"],
[style*="background: #0aad0a"],
[style*="background: green"],
[style*="background: #28a745"] {
    background-color: var(--gold-primary) !important;
}

/* Classes de cor success do Bootstrap */
.text-success-emphasis {
    color: var(--gold-dark) !important;
}

.bg-success-subtle {
    background-color: var(--gold-lighter) !important;
}

.border-success-subtle {
    border-color: var(--gold-light) !important;
}

/* Links com ícones verdes */
a .bi-success,
a .text-success,
.nav-link .text-success {
    color: var(--gold-primary) !important;
}

/* ========== FLATPICKR (CALENDÁRIO) ========== */

/* Dia selecionado */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Dia hover */
.flatpickr-day:hover {
    background-color: var(--gold-lighter) !important;
    border-color: var(--gold-light) !important;
}

/* Dia atual (today) */
.flatpickr-day.today {
    border-color: var(--gold-primary) !important;
    background-color: var(--gold-lighter) !important;
    color: var(--gold-dark) !important;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

/* Forçar substituição de qualquer cor verde no flatpickr */
.flatpickr-calendar .flatpickr-day.today {
    background: var(--gold-lighter) !important;
    border-color: var(--gold-primary) !important;
}

span.flatpickr-day.today {
    background-color: var(--gold-lighter) !important;
    border-color: var(--gold-primary) !important;
}

/* ========== CARDS DE PRODUTOS ========== */

/* Card hover - borda dourada */
.card-product:hover,
.card:hover {
    border-color: var(--gold-primary) !important;
}

/* Ícones nos cards - hover com fundo dourado e ícone preto */
.card-product .btn-action:hover,
.card .btn-action:hover {
    background-color: var(--gold-lighter) !important;
    border-color: var(--gold-primary) !important;
}

.card-product .btn-action:hover i,
.card .btn-action:hover i {
    color: #000 !important;
}

/* Botões de ação nos cards */
.card-product .btn-primary,
.card-product .btn-success {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

.card-product .btn-primary:hover,
.card-product .btn-success:hover {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
}

/* Links com text-inherit - hover dourado */
a.text-inherit:hover {
    color: var(--gold-primary) !important;
}

.btn-social.btn-icon {
    border-color: #555555 !important;
}