/* Estilos para o tema escuro */
body.theme-escuro {
    background-color: #201F1F!important;
    color: #FFF;
}

body.theme-escuro h1,
body.theme-escuro h2,
body.theme-escuro h3,
body.theme-escuro h4,
body.theme-escuro h5,
body.theme-escuro a,
body.theme-escuro p,
body.theme-escuro span {
    color: #FFF !important;
}

body.theme-escuro .icon-svg svg,
body.theme-escuro #logo-svg svg {
    fill: #FFF !important;
}

body.theme-escuro .bar {
    background-color: #FFF !important;
}

body.theme-escuro a.border-bottom {
    border-bottom: 1px solid #FFF !important;
}

body.theme-escuro #header {
    background-color: #201F1F !important;
    border-bottom: 1px solid #FFF !important;
}

body.theme-escuro #footer {
    background-color: #201F1F !important;
}

/* Estilos para o tema claro */
body.theme-claro {
    background-color: #FFF!important;
    color: #201F1F;
}

body.theme-claro h1,
body.theme-claro h2,
body.theme-claro h3,
body.theme-claro h4,
body.theme-claro h5,
body.theme-claro a,
body.theme-claro p,
body.theme-claro span {
    color: #201F1F !important;
}

body.theme-claro .icon-svg svg,
body.theme-claro #logo-svg svg {
    fill: #201F1F !important;
}

body.theme-claro .bar {
    background-color: #201F1F !important;
}

body.theme-claro a.border-bottom {
    border-bottom: 1px solid #201F1F !important;
}

body.theme-claro #header {
    background-color: #FFF !important;
    border-bottom: 1px solid #201F1F !important;
}

body.theme-claro #footer {
    background-color: #FFF !important;
}

/* Estilo do header quando o menu está aberto (sobrescreve o tema atual) */
body.menu-aberto #header {
    background-color: var(--menu-color, #F9C306) !important; /* Cor do menu, definida via JS */
    border-bottom: 1px solid var(--menu-color, #F9C306) !important;
}

body.menu-aberto #logo-svg svg,
body.menu-aberto .menu-text {
    fill: #201F1F !important;
    color: #201F1F !important;
}

body.menu-aberto .bar {
    background-color: #201F1F !important;
}

/* Estilo do fundo do menu quando o menu está aberto */
body.menu-aberto #bg-menu-overlay {
    background-color: var(--menu-color, #F9C306) !important; /* Cor do menu, definida via JS */
}

/* Disable scrolling when menu is open */
body.menu-aberto {
    overflow: hidden;
}