/* ==========================================================================
   OVERRIDE DAS CORES PADRÃO DO BULMA - STUDIO VOGT
   Seguindo exatamente a documentação oficial do Bulma
   Paleta: Variações de Dourado, Branco e Preto
   ========================================================================== */

/* --- VARIÁVEIS CSS PARA PALETA VOGT --- */
:root {
    /* Mapeamento das cores do Bulma para paleta Vogt */
    
    /* Cores principais */
    --bulma-white: #FFFFFF;
    --bulma-black: #1A1A1A;
    --bulma-light: #F5F5F5;          /* white-smoke para elementos em destaque */
    --bulma-dark: #1A1A1A;           /* mesmo que black */
    
    /* Cores funcionais mapeadas para dourado */
    --bulma-primary: #D4AF37;        /* Dourado principal */
    --bulma-link: #D4AF37;           /* Mesmo que primary */
    --bulma-info: #CD7F32;           /* Bronze (dourado bronze) */
    --bulma-success: #E6C866;        /* Dourado claro */
    --bulma-warning: #B8941F;        /* Dourado escuro */
    --bulma-danger: #9A7A1A;         /* Dourado mais escuro */
    
    /* Variações light/dark das cores funcionais */
    --bulma-primary-light: #F2E085;
    --bulma-primary-dark: #B8941F;
    --bulma-link-light: #F2E085;
    --bulma-link-dark: #B8941F;
    --bulma-info-light: #E6C866;
    --bulma-info-dark: #B8941F;
    --bulma-success-light: #F2E085;
    --bulma-success-dark: #D4AF37;
    --bulma-warning-light: #E6C866;
    --bulma-warning-dark: #9A7A1A;
    --bulma-danger-light: #B8941F;
    --bulma-danger-dark: #1A1A1A;
    
    /* Tons de cinza do Bulma */
    --bulma-black-bis: #121212;
    --bulma-black-ter: #242424;
    --bulma-grey-darker: #363636;
    --bulma-grey-dark: #4a4a4a;
    --bulma-grey: #7a7a7a;
    --bulma-grey-light: #b5b5b5;
    --bulma-grey-lighter: #dbdbdb;
    --bulma-white-ter: #f5f5f5;
    --bulma-white-bis: #fafafa;
}

/* ==========================================================================
   TEXT COLORS - Sobrescrevendo classes has-text-*
   ========================================================================== */

/* Cores principais */
.has-text-white { color: var(--bulma-white) !important; }
.has-text-black { color: var(--bulma-black) !important; }
.has-text-light { color: var(--bulma-grey) !important; }
.has-text-dark { color: var(--bulma-black) !important; }

/* Cores funcionais */
.has-text-primary { color: var(--bulma-primary) !important; }
.has-text-link { color: var(--bulma-link) !important; }
.has-text-info { color: var(--bulma-info) !important; }
.has-text-success { color: var(--bulma-success) !important; }
.has-text-warning { color: var(--bulma-warning) !important; }
.has-text-danger { color: var(--bulma-danger) !important; }

/* Variações light/dark */
.has-text-primary-light { color: var(--bulma-primary-light) !important; }
.has-text-primary-dark { color: var(--bulma-primary-dark) !important; }
.has-text-link-light { color: var(--bulma-link-light) !important; }
.has-text-link-dark { color: var(--bulma-link-dark) !important; }
.has-text-info-light { color: var(--bulma-info-light) !important; }
.has-text-info-dark { color: var(--bulma-info-dark) !important; }
.has-text-success-light { color: var(--bulma-success-light) !important; }
.has-text-success-dark { color: var(--bulma-success-dark) !important; }
.has-text-warning-light { color: var(--bulma-warning-light) !important; }
.has-text-warning-dark { color: var(--bulma-warning-dark) !important; }
.has-text-danger-light { color: var(--bulma-danger-light) !important; }
.has-text-danger-dark { color: var(--bulma-danger-dark) !important; }

/* Tons de cinza */
.has-text-black-bis { color: var(--bulma-black-bis) !important; }
.has-text-black-ter { color: var(--bulma-black-ter) !important; }
.has-text-grey-darker { color: var(--bulma-grey-darker) !important; }
.has-text-grey-dark { color: var(--bulma-grey-dark) !important; }
.has-text-grey { color: var(--bulma-grey) !important; }
.has-text-grey-light { color: var(--bulma-grey-light) !important; }
.has-text-grey-lighter { color: var(--bulma-grey-lighter) !important; }
.has-text-white-ter { color: var(--bulma-white-ter) !important; }
.has-text-white-bis { color: var(--bulma-white-bis) !important; }

/* ==========================================================================
   BACKGROUND COLORS - Sobrescrevendo classes has-background-*
   ========================================================================== */

/* Cores principais */
.has-background-white { 
    background-color: var(--bulma-white) !important; 
    color: var(--bulma-black) !important;
}
.has-background-black { 
    background-color: var(--bulma-black) !important; 
    color: var(--bulma-white) !important;
}
.has-background-light { 
    background-color: var(--bulma-light) !important; 
    color: var(--bulma-black) !important;
}
.has-background-dark { 
    background-color: var(--bulma-dark) !important; 
    color: var(--bulma-white) !important;
}

/* Cores funcionais */
.has-background-primary { 
    background-color: var(--bulma-primary) !important; 
    color: var(--bulma-white) !important;
}
.has-background-link { 
    background-color: var(--bulma-link) !important; 
    color: var(--bulma-white) !important;
}
.has-background-info { 
    background-color: var(--bulma-info) !important; 
    color: var(--bulma-white) !important;
}
.has-background-success { 
    background-color: var(--bulma-success) !important; 
    color: var(--bulma-white) !important;
}
.has-background-warning { 
    background-color: var(--bulma-warning) !important; 
    color: var(--bulma-white) !important;
}
.has-background-danger { 
    background-color: var(--bulma-danger) !important; 
    color: var(--bulma-white) !important;
}

/* Variações light/dark */
.has-background-primary-light { 
    background-color: var(--bulma-primary-light) !important; 
    color: var(--bulma-primary-dark) !important;
}
.has-background-primary-dark { 
    background-color: var(--bulma-primary-dark) !important; 
    color: var(--bulma-white) !important;
}
.has-background-link-light { 
    background-color: var(--bulma-link-light) !important; 
    color: var(--bulma-link-dark) !important;
}
.has-background-link-dark { 
    background-color: var(--bulma-link-dark) !important; 
    color: var(--bulma-white) !important;
}
.has-background-info-light { 
    background-color: var(--bulma-info-light) !important; 
    color: var(--bulma-info-dark) !important;
}
.has-background-info-dark { 
    background-color: var(--bulma-info-dark) !important; 
    color: var(--bulma-white) !important;
}
.has-background-success-light { 
    background-color: var(--bulma-success-light) !important; 
    color: var(--bulma-success-dark) !important;
}
.has-background-success-dark { 
    background-color: var(--bulma-success-dark) !important; 
    color: var(--bulma-white) !important;
}
.has-background-warning-light { 
    background-color: var(--bulma-warning-light) !important; 
    color: var(--bulma-warning-dark) !important;
}
.has-background-warning-dark { 
    background-color: var(--bulma-warning-dark) !important; 
    color: var(--bulma-white) !important;
}
.has-background-danger-light { 
    background-color: var(--bulma-danger-light) !important; 
    color: var(--bulma-white) !important;
}
.has-background-danger-dark { 
    background-color: var(--bulma-danger-dark) !important; 
    color: var(--bulma-white) !important;
}

/* Tons de cinza */
.has-background-black-bis { 
    background-color: var(--bulma-black-bis) !important; 
    color: var(--bulma-white) !important;
}
.has-background-black-ter { 
    background-color: var(--bulma-black-ter) !important; 
    color: var(--bulma-white) !important;
}
.has-background-grey-darker { 
    background-color: var(--bulma-grey-darker) !important; 
    color: var(--bulma-white) !important;
}
.has-background-grey-dark { 
    background-color: var(--bulma-grey-dark) !important; 
    color: var(--bulma-white) !important;
}
.has-background-grey { 
    background-color: var(--bulma-grey) !important; 
    color: var(--bulma-white) !important;
}
.has-background-grey-light { 
    background-color: var(--bulma-grey-light) !important; 
    color: var(--bulma-black) !important;
}
.has-background-grey-lighter { 
    background-color: var(--bulma-grey-lighter) !important; 
    color: var(--bulma-black) !important;
}
.has-background-white-ter { 
    background-color: var(--bulma-white-ter) !important; 
    color: var(--bulma-black) !important;
}
.has-background-white-bis { 
    background-color: var(--bulma-white-bis) !important; 
    color: var(--bulma-black) !important;
}

/* ==========================================================================
   BUTTONS - Sobrescrevendo estilos dos botões
   ========================================================================== */

/* Botões principais */
.button.is-white {
    background-color: var(--bulma-white);
    border-color: var(--bulma-grey-lighter);
    color: var(--bulma-black);
}
.button.is-white:hover,
.button.is-white.is-hovered {
    background-color: var(--bulma-white-bis);
    border-color: var(--bulma-grey-light);
}

.button.is-black {
    background-color: var(--bulma-black);
    border-color: var(--bulma-black);
    color: var(--bulma-white);
}
.button.is-black:hover,
.button.is-black.is-hovered {
    background-color: var(--bulma-black-ter);
    border-color: var(--bulma-black-ter);
}

.button.is-light {
    background-color: var(--bulma-light);
    border-color: var(--bulma-light);
    color: var(--bulma-black);
}
.button.is-light:hover,
.button.is-light.is-hovered {
    background-color: var(--bulma-grey-lighter);
    border-color: var(--bulma-grey-lighter);
}

.button.is-dark {
    background-color: var(--bulma-dark);
    border-color: var(--bulma-dark);
    color: var(--bulma-white);
}
.button.is-dark:hover,
.button.is-dark.is-hovered {
    background-color: var(--bulma-black-ter);
    border-color: var(--bulma-black-ter);
}

/* Botões funcionais */
.button.is-primary {
    background-color: var(--bulma-primary);
    border-color: var(--bulma-primary);
    color: var(--bulma-white);
}
.button.is-primary:hover,
.button.is-primary.is-hovered {
    background-color: var(--bulma-primary-dark);
    border-color: var(--bulma-primary-dark);
}
.button.is-primary.is-outlined {
    background-color: transparent;
    border-color: var(--bulma-primary);
    color: var(--bulma-primary);
}
.button.is-primary.is-outlined:hover {
    background-color: var(--bulma-primary);
    border-color: var(--bulma-primary);
    color: var(--bulma-white);
}

.button.is-link {
    background-color: var(--bulma-link);
    border-color: var(--bulma-link);
    color: var(--bulma-white);
}
.button.is-link:hover,
.button.is-link.is-hovered {
    background-color: var(--bulma-link-dark);
    border-color: var(--bulma-link-dark);
}
.button.is-link.is-outlined {
    background-color: transparent;
    border-color: var(--bulma-link);
    color: var(--bulma-link);
}
.button.is-link.is-outlined:hover {
    background-color: var(--bulma-link);
    border-color: var(--bulma-link);
    color: var(--bulma-white);
}

.button.is-info {
    background-color: var(--bulma-info);
    border-color: var(--bulma-info);
    color: var(--bulma-white);
}
.button.is-info:hover,
.button.is-info.is-hovered {
    background-color: var(--bulma-info-dark);
    border-color: var(--bulma-info-dark);
}
.button.is-info.is-outlined {
    background-color: transparent;
    border-color: var(--bulma-info);
    color: var(--bulma-info);
}
.button.is-info.is-outlined:hover {
    background-color: var(--bulma-info);
    border-color: var(--bulma-info);
    color: var(--bulma-white);
}

.button.is-success {
    background-color: var(--bulma-success);
    border-color: var(--bulma-success);
    color: var(--bulma-white);
}
.button.is-success:hover,
.button.is-success.is-hovered {
    background-color: var(--bulma-success-dark);
    border-color: var(--bulma-success-dark);
}
.button.is-success.is-outlined {
    background-color: transparent;
    border-color: var(--bulma-success);
    color: var(--bulma-success);
}
.button.is-success.is-outlined:hover {
    background-color: var(--bulma-success);
    border-color: var(--bulma-success);
    color: var(--bulma-white);
}

.button.is-warning {
    background-color: var(--bulma-warning);
    border-color: var(--bulma-warning);
    color: var(--bulma-white);
}
.button.is-warning:hover,
.button.is-warning.is-hovered {
    background-color: var(--bulma-warning-dark);
    border-color: var(--bulma-warning-dark);
}
.button.is-warning.is-outlined {
    background-color: transparent;
    border-color: var(--bulma-warning);
    color: var(--bulma-warning);
}
.button.is-warning.is-outlined:hover {
    background-color: var(--bulma-warning);
    border-color: var(--bulma-warning);
    color: var(--bulma-white);
}

.button.is-danger {
    background-color: var(--bulma-danger);
    border-color: var(--bulma-danger);
    color: var(--bulma-white);
}
.button.is-danger:hover,
.button.is-danger.is-hovered {
    background-color: var(--bulma-danger-dark);
    border-color: var(--bulma-danger-dark);
}
.button.is-danger.is-outlined {
    background-color: transparent;
    border-color: var(--bulma-danger);
    color: var(--bulma-danger);
}
.button.is-danger.is-outlined:hover {
    background-color: var(--bulma-danger);
    border-color: var(--bulma-danger);
    color: var(--bulma-white);
}

/* ==========================================================================
   OUTROS ELEMENTOS - Sobrescrevendo componentes específicos
   ========================================================================== */

/* Navbar */
.navbar.is-primary {
    background-color: var(--bulma-primary);
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
    color: var(--bulma-white);
}
.navbar.is-primary .navbar-brand > a.navbar-item:hover,
.navbar.is-primary .navbar-brand .navbar-link:hover {
    background-color: var(--bulma-primary-dark);
    color: var(--bulma-white);
}

.navbar.is-dark {
    background-color: var(--bulma-dark);
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
    color: var(--bulma-white);
}
.navbar.is-dark .navbar-brand > a.navbar-item:hover,
.navbar.is-dark .navbar-brand .navbar-link:hover {
    background-color: var(--bulma-black-ter);
    color: var(--bulma-primary);
}

/* Hero */
.hero.is-primary {
    background-color: var(--bulma-primary);
    color: var(--bulma-white);
}
.hero.is-dark {
    background-color: var(--bulma-dark);
    color: var(--bulma-white);
}
.hero.is-light {
    background-color: var(--bulma-light);
    color: var(--bulma-black);
}

/* Footer */
.footer {
    background-color: var(--bulma-dark);
    color: var(--bulma-white);
}

/* Tags */
.tag.is-primary {
    background-color: var(--bulma-primary);
    color: var(--bulma-white);
}
.tag.is-info {
    background-color: var(--bulma-info);
    color: var(--bulma-white);
}
.tag.is-success {
    background-color: var(--bulma-success);
    color: var(--bulma-white);
}
.tag.is-warning {
    background-color: var(--bulma-warning);
    color: var(--bulma-white);
}
.tag.is-danger {
    background-color: var(--bulma-danger);
    color: var(--bulma-white);
}

/* Notifications */
.notification.is-primary {
    background-color: var(--bulma-primary-light);
    color: var(--bulma-primary-dark);
}
.notification.is-info {
    background-color: var(--bulma-info-light);
    color: var(--bulma-info-dark);
}
.notification.is-success {
    background-color: var(--bulma-success-light);
    color: var(--bulma-success-dark);
}
.notification.is-warning {
    background-color: var(--bulma-warning-light);
    color: var(--bulma-warning-dark);
}
.notification.is-danger {
    background-color: var(--bulma-danger-light);
    color: var(--bulma-danger-dark);
}

/* Progress bars */
.progress.is-primary::-webkit-progress-value {
    background-color: var(--bulma-primary);
}
.progress.is-primary::-moz-progress-bar {
    background-color: var(--bulma-primary);
}
.progress.is-info::-webkit-progress-value {
    background-color: var(--bulma-info);
}
.progress.is-info::-moz-progress-bar {
    background-color: var(--bulma-info);
}
.progress.is-success::-webkit-progress-value {
    background-color: var(--bulma-success);
}
.progress.is-success::-moz-progress-bar {
    background-color: var(--bulma-success);
}
.progress.is-warning::-webkit-progress-value {
    background-color: var(--bulma-warning);
}
.progress.is-warning::-moz-progress-bar {
    background-color: var(--bulma-warning);
}
.progress.is-danger::-webkit-progress-value {
    background-color: var(--bulma-danger);
}
.progress.is-danger::-moz-progress-bar {
    background-color: var(--bulma-danger);
}

/* Inputs */
.input:focus,
.textarea:focus,
.select select:focus {
    border-color: var(--bulma-primary);
    box-shadow: 0 0 0 0.125em rgba(212, 175, 55, 0.25);
}

.input.is-primary {
    border-color: var(--bulma-primary);
}
.input.is-info {
    border-color: var(--bulma-info);
}
.input.is-success {
    border-color: var(--bulma-success);
}
.input.is-warning {
    border-color: var(--bulma-warning);
}
.input.is-danger {
    border-color: var(--bulma-danger);
}

/* ==========================================================================
   CONFIGURAÇÕES GLOBAIS E CORREÇÕES ESPECÍFICAS
   ========================================================================== */

/* Background padrão do body */
body {
    background-color: var(--bulma-white);
    color: var(--bulma-black);
}

/* Elementos com background transparente para design flat */
.box,
.card,
.panel {
    background-color: transparent !important;
    border: none !important;
}

/* Bordas padrão com cinza claro apenas para elementos funcionais */
.table,
.input,
.textarea,
.select select {
    border-color: var(--bulma-grey-lighter);
}

.table th {
    border-bottom-color: var(--bulma-grey-light);
}

.table td {
    border-bottom-color: var(--bulma-grey-lighter);
}

/* ==========================================================================
   CORREÇÕES ESPECÍFICAS PARA ELIMINAR VERDE E AZUL
   ========================================================================== */

/* Força override de qualquer cor padrão do Bulma que possa aparecer */
.is-primary,
.has-text-primary,
.has-background-primary,
.button.is-primary,
.tag.is-primary,
.notification.is-primary,
.progress.is-primary,
.hero.is-primary {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-primary) !important;
    border-color: var(--bulma-primary) !important;
}

.is-info,
.has-text-info,
.has-background-info,
.button.is-info,
.tag.is-info,
.notification.is-info,
.progress.is-info,
.hero.is-info {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-info) !important;
    border-color: var(--bulma-info) !important;
}

.is-success,
.has-text-success,
.has-background-success,
.button.is-success,
.tag.is-success,
.notification.is-success,
.progress.is-success,
.hero.is-success {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-success) !important;
    border-color: var(--bulma-success) !important;
}

.is-warning,
.has-text-warning,
.has-background-warning,
.button.is-warning,
.tag.is-warning,
.notification.is-warning,
.progress.is-warning,
.hero.is-warning {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-warning) !important;
    border-color: var(--bulma-warning) !important;
}

.is-danger,
.has-text-danger,
.has-background-danger,
.button.is-danger,
.tag.is-danger,
.notification.is-danger,
.progress.is-danger,
.hero.is-danger {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-danger) !important;
    border-color: var(--bulma-danger) !important;
}

.is-link,
.has-text-link,
.has-background-link,
.button.is-link,
.tag.is-link,
.notification.is-link,
.progress.is-link,
.hero.is-link {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-link) !important;
    border-color: var(--bulma-link) !important;
}

/* Variações light com texto escuro */
.has-background-primary-light,
.notification.is-primary.is-light,
.tag.is-primary.is-light {
    background-color: var(--bulma-primary-light) !important;
    color: var(--bulma-primary-dark) !important;
    border-color: var(--bulma-primary-light) !important;
}

.has-background-info-light,
.notification.is-info.is-light,
.tag.is-info.is-light {
    background-color: var(--bulma-info-light) !important;
    color: var(--bulma-info-dark) !important;
    border-color: var(--bulma-info-light) !important;
}

.has-background-success-light,
.notification.is-success.is-light,
.tag.is-success.is-light {
    background-color: var(--bulma-success-light) !important;
    color: var(--bulma-success-dark) !important;
    border-color: var(--bulma-success-light) !important;
}

.has-background-warning-light,
.notification.is-warning.is-light,
.tag.is-warning.is-light {
    background-color: var(--bulma-warning-light) !important;
    color: var(--bulma-warning-dark) !important;
    border-color: var(--bulma-warning-light) !important;
}

.has-background-danger-light,
.notification.is-danger.is-light,
.tag.is-danger.is-light {
    background-color: var(--bulma-danger-light) !important;
    color: var(--bulma-danger-dark) !important;
    border-color: var(--bulma-danger-light) !important;
}

.has-background-link-light,
.notification.is-link.is-light,
.tag.is-link.is-light {
    background-color: var(--bulma-link-light) !important;
    color: var(--bulma-link-dark) !important;
    border-color: var(--bulma-link-light) !important;
}

/* Correções específicas para elementos que podem herdar cores padrão */
a {
    color: var(--bulma-primary) !important;
}

a:hover {
    color: var(--bulma-primary-dark) !important;
}

/* Links em elementos escuros */
.has-background-dark a,
.has-background-black a,
.footer a,
.hero.is-dark a,
.hero.is-black a {
    color: var(--bulma-white) !important;
}

.has-background-dark a:hover,
.has-background-black a:hover,
.footer a:hover,
.hero.is-dark a:hover,
.hero.is-black a:hover {
    color: var(--bulma-primary) !important;
}

/* Correção para botões outlined */
.button.is-primary.is-outlined {
    background-color: transparent !important;
    border-color: var(--bulma-primary) !important;
    color: var(--bulma-primary) !important;
}

.button.is-info.is-outlined {
    background-color: transparent !important;
    border-color: var(--bulma-info) !important;
    color: var(--bulma-info) !important;
}

.button.is-success.is-outlined {
    background-color: transparent !important;
    border-color: var(--bulma-success) !important;
    color: var(--bulma-success) !important;
}

.button.is-warning.is-outlined {
    background-color: transparent !important;
    border-color: var(--bulma-warning) !important;
    color: var(--bulma-warning) !important;
}

.button.is-danger.is-outlined {
    background-color: transparent !important;
    border-color: var(--bulma-danger) !important;
    color: var(--bulma-danger) !important;
}

.button.is-link.is-outlined {
    background-color: transparent !important;
    border-color: var(--bulma-link) !important;
    color: var(--bulma-link) !important;
}

/* Hover states para botões outlined */
.button.is-primary.is-outlined:hover {
    background-color: var(--bulma-primary) !important;
    border-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
}

.button.is-info.is-outlined:hover {
    background-color: var(--bulma-info) !important;
    border-color: var(--bulma-info) !important;
    color: var(--bulma-white) !important;
}

.button.is-success.is-outlined:hover {
    background-color: var(--bulma-success) !important;
    border-color: var(--bulma-success) !important;
    color: var(--bulma-white) !important;
}

.button.is-warning.is-outlined:hover {
    background-color: var(--bulma-warning) !important;
    border-color: var(--bulma-warning) !important;
    color: var(--bulma-white) !important;
}

.button.is-danger.is-outlined:hover {
    background-color: var(--bulma-danger) !important;
    border-color: var(--bulma-danger) !important;
    color: var(--bulma-white) !important;
}

.button.is-link.is-outlined:hover {
    background-color: var(--bulma-link) !important;
    border-color: var(--bulma-link) !important;
    color: var(--bulma-white) !important;
}

/* Correção para tabs */
.tabs li.is-active a {
    border-bottom-color: var(--bulma-primary) !important;
    color: var(--bulma-primary) !important;
}

.tabs a:hover {
    border-bottom-color: var(--bulma-primary-light) !important;
    color: var(--bulma-primary) !important;
}

/* Correção para pagination */
.pagination-link.is-current {
    background-color: var(--bulma-primary) !important;
    border-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
    border-color: var(--bulma-primary) !important;
    color: var(--bulma-primary) !important;
}

/* Correção para dropdown */
.dropdown-item:hover,
.dropdown-item.is-active {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
}

/* Correção para menu */
.menu-list a.is-active {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
}

.menu-list a:hover {
    background-color: var(--bulma-primary-light) !important;
    color: var(--bulma-primary-dark) !important;
}

/* Correção para breadcrumb */
.breadcrumb a {
    color: var(--bulma-primary) !important;
}

.breadcrumb a:hover {
    color: var(--bulma-primary-dark) !important;
}

.breadcrumb li.is-active a {
    color: var(--bulma-black) !important;
}

/* ==========================================================================
   OVERRIDE FINAL - ELIMINAÇÃO COMPLETA DE VERDE E AZUL
   ========================================================================== */

/* Remove qualquer possibilidade de cores padrão do Bulma aparecerem */
* {
    /* Remove cores padrão que possam vazar */
}

/* Override específico para cores que podem aparecer via CSS do Bulma original */
.button,
.tag,
.notification,
.message,
.hero,
.navbar,
.card-header,
.panel-heading,
.tabs,
.pagination,
.progress,
.input,
.textarea,
.select select {
    /* Garante que cores padrão não sejam aplicadas */
}

/* Força cores específicas para elementos que podem herdar cores indesejadas */
.has-text-primary,
.is-primary,
.button.is-primary,
.tag.is-primary,
.hero.is-primary,
.navbar.is-primary,
.notification.is-primary {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-primary) !important;
    border-color: var(--bulma-primary) !important;
}

.has-text-success,
.is-success,
.button.is-success,
.tag.is-success,
.hero.is-success,
.navbar.is-success,
.notification.is-success {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-success) !important;
    border-color: var(--bulma-success) !important;
}

.has-text-info,
.is-info,
.button.is-info,
.tag.is-info,
.hero.is-info,
.navbar.is-info,
.notification.is-info {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-info) !important;
    border-color: var(--bulma-info) !important;
}

.has-text-warning,
.is-warning,
.button.is-warning,
.tag.is-warning,
.hero.is-warning,
.navbar.is-warning,
.notification.is-warning {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-warning) !important;
    border-color: var(--bulma-warning) !important;
}

.has-text-danger,
.is-danger,
.button.is-danger,
.tag.is-danger,
.hero.is-danger,
.navbar.is-danger,
.notification.is-danger {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-danger) !important;
    border-color: var(--bulma-danger) !important;
}

/* Override para variações light que devem ter texto escuro */
.has-background-primary-light,
.is-primary.is-light,
.button.is-primary.is-light,
.tag.is-primary.is-light,
.notification.is-primary.is-light {
    background-color: var(--bulma-primary-light) !important;
    color: var(--bulma-primary-dark) !important;
    border-color: var(--bulma-primary-light) !important;
}

.has-background-success-light,
.is-success.is-light,
.button.is-success.is-light,
.tag.is-success.is-light,
.notification.is-success.is-light {
    background-color: var(--bulma-success-light) !important;
    color: var(--bulma-success-dark) !important;
    border-color: var(--bulma-success-light) !important;
}

.has-background-info-light,
.is-info.is-light,
.button.is-info.is-light,
.tag.is-info.is-light,
.notification.is-info.is-light {
    background-color: var(--bulma-info-light) !important;
    color: var(--bulma-info-dark) !important;
    border-color: var(--bulma-info-light) !important;
}

.has-background-warning-light,
.is-warning.is-light,
.button.is-warning.is-light,
.tag.is-warning.is-light,
.notification.is-warning.is-light {
    background-color: var(--bulma-warning-light) !important;
    color: var(--bulma-warning-dark) !important;
    border-color: var(--bulma-warning-light) !important;
}

.has-background-danger-light,
.is-danger.is-light,
.button.is-danger.is-light,
.tag.is-danger.is-light,
.notification.is-danger.is-light {
    background-color: var(--bulma-danger-light) !important;
    color: var(--bulma-danger-dark) !important;
    border-color: var(--bulma-danger-light) !important;
}

/* Garantia adicional para progress bars */
.progress::-webkit-progress-value {
    background-color: var(--bulma-primary) !important;
}

.progress::-moz-progress-bar {
    background-color: var(--bulma-primary) !important;
}

.progress.is-primary::-webkit-progress-value,
.progress.is-primary::-moz-progress-bar {
    background-color: var(--bulma-primary) !important;
}

.progress.is-success::-webkit-progress-value,
.progress.is-success::-moz-progress-bar {
    background-color: var(--bulma-success) !important;
}

.progress.is-info::-webkit-progress-value,
.progress.is-info::-moz-progress-bar {
    background-color: var(--bulma-info) !important;
}

.progress.is-warning::-webkit-progress-value,
.progress.is-warning::-moz-progress-bar {
    background-color: var(--bulma-warning) !important;
}

.progress.is-danger::-webkit-progress-value,
.progress.is-danger::-moz-progress-bar {
    background-color: var(--bulma-danger) !important;
}

/* Override para qualquer elemento que possa ter cores padrão do Bulma */
[class*="is-primary"],
[class*="has-text-primary"],
[class*="has-background-primary"] {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-primary) !important;
    border-color: var(--bulma-primary) !important;
}

[class*="is-success"],
[class*="has-text-success"],
[class*="has-background-success"] {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-success) !important;
    border-color: var(--bulma-success) !important;
}

[class*="is-info"],
[class*="has-text-info"],
[class*="has-background-info"] {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-info) !important;
    border-color: var(--bulma-info) !important;
}

[class*="is-warning"],
[class*="has-text-warning"],
[class*="has-background-warning"] {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-warning) !important;
    border-color: var(--bulma-warning) !important;
}

[class*="is-danger"],
[class*="has-text-danger"],
[class*="has-background-danger"] {
    color: var(--bulma-white) !important;
    background-color: var(--bulma-danger) !important;
    border-color: var(--bulma-danger) !important;
}

/* Exceções para variações light */
[class*="primary-light"],
[class*="success-light"],
[class*="info-light"],
[class*="warning-light"],
[class*="danger-light"] {
    color: var(--bulma-black) !important;
}

.has-background-primary-light {
    color: var(--bulma-primary-dark) !important;
}

.has-background-success-light {
    color: var(--bulma-success-dark) !important;
}

.has-background-info-light {
    color: var(--bulma-info-dark) !important;
}

.has-background-warning-light {
    color: var(--bulma-warning-dark) !important;
}

.has-background-danger-light {
    color: var(--bulma-danger-dark) !important;
}

/* ==========================================================================
   TESTE E VERIFICAÇÃO FINAL DAS CORES
   ========================================================================== */

/* Debug: Força aplicação das cores customizadas */
.is-primary { background-color: var(--bulma-primary) !important; color: var(--bulma-white) !important; }
.is-success { background-color: var(--bulma-success) !important; color: var(--bulma-white) !important; }
.is-info { background-color: var(--bulma-info) !important; color: var(--bulma-white) !important; }
.is-warning { background-color: var(--bulma-warning) !important; color: var(--bulma-white) !important; }
.is-danger { background-color: var(--bulma-danger) !important; color: var(--bulma-white) !important; }
.is-link { background-color: var(--bulma-link) !important; color: var(--bulma-white) !important; }

/* Verificação das variações light */
.is-primary.is-light { background-color: var(--bulma-primary-light) !important; color: var(--bulma-primary-dark) !important; }
.is-success.is-light { background-color: var(--bulma-success-light) !important; color: var(--bulma-success-dark) !important; }
.is-info.is-light { background-color: var(--bulma-info-light) !important; color: var(--bulma-info-dark) !important; }
.is-warning.is-light { background-color: var(--bulma-warning-light) !important; color: var(--bulma-warning-dark) !important; }
.is-danger.is-light { background-color: var(--bulma-danger-light) !important; color: var(--bulma-danger-dark) !important; }
.is-link.is-light { background-color: var(--bulma-link-light) !important; color: var(--bulma-link-dark) !important; }

/* Confirmação das cores em hexadecimal para debug */
/*
CORES APLICADAS:
- Primary: #D4AF37 (dourado principal)
- Success: #E6C866 (dourado claro) 
- Info: #CD7F32 (bronze)
- Warning: #B8941F (dourado escuro)
- Danger: #9A7A1A (dourado mais escuro)
- Link: #D4AF37 (mesmo que primary)

VARIAÇÕES LIGHT:
- Primary Light: #F2E085
- Success Light: #F2E085  
- Info Light: #E6C866
- Warning Light: #E6C866
- Danger Light: #B8941F
- Link Light: #F2E085

VARIAÇÕES DARK:
- Primary Dark: #B8941F
- Success Dark: #D4AF37
- Info Dark: #B8941F
- Warning Dark: #9A7A1A
- Danger Dark: #1A1A1A
- Link Dark: #B8941F
*/

/* ==========================================================================
   FLAT DESIGN - REMOÇÃO DE SOMBRAS
   ========================================================================== */

/* Remove todas as sombras para design flat */
.box,
.card,
.panel,
.modal-card,
.modal-content,
.dropdown-content,
.dropdown-menu,
.navbar-dropdown,
.message,
.notification,
.menu,
.breadcrumb,
.pagination,
.tabs,
.hero,
.section,
.container,
.button,
.input,
.textarea,
.select select,
.table,
.tag,
.progress {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Remove sombras específicas do Bulma - design flat sem bordas */
.box {
    box-shadow: none !important;
    border: none !important;
}

.card {
    box-shadow: none !important;
    border: none !important;
}

.panel {
    box-shadow: none !important;
    border: none !important;
}

.modal-card {
    box-shadow: none !important;
    border: none !important;
}

.modal-content {
    box-shadow: none !important;
    border: none !important;
}

.dropdown-content,
.dropdown-menu {
    box-shadow: none !important;
    border: none !important;
}

.navbar-dropdown {
    box-shadow: none !important;
    border: none !important;
}

.message {
    box-shadow: none !important;
    border: none !important;
}

.notification {
    box-shadow: none !important;
    border: none !important;
}

/* Remove sombras de foco dos inputs */
.input:focus,
.textarea:focus,
.select select:focus {
    box-shadow: 0 0 0 0.125em rgba(212, 175, 55, 0.25) !important;
}

.input.is-primary:focus,
.textarea.is-primary:focus,
.select.is-primary select:focus {
    box-shadow: 0 0 0 0.125em rgba(212, 175, 55, 0.25) !important;
}

.input.is-success:focus,
.textarea.is-success:focus,
.select.is-success select:focus {
    box-shadow: 0 0 0 0.125em rgba(230, 200, 102, 0.25) !important;
}

.input.is-info:focus,
.textarea.is-info:focus,
.select.is-info select:focus {
    box-shadow: 0 0 0 0.125em rgba(205, 127, 50, 0.25) !important;
}

.input.is-warning:focus,
.textarea.is-warning:focus,
.select.is-warning select:focus {
    box-shadow: 0 0 0 0.125em rgba(184, 148, 31, 0.25) !important;
}

.input.is-danger:focus,
.textarea.is-danger:focus,
.select.is-danger select:focus {
    box-shadow: 0 0 0 0.125em rgba(154, 122, 26, 0.25) !important;
}

/* Remove sombras dos botões - design flat sem bordas */
.button {
    box-shadow: none !important;
    border: none !important;
}

.button:hover,
.button.is-hovered,
.button:focus,
.button.is-focused,
.button:active,
.button.is-active {
    box-shadow: none !important;
    border: none !important;
}

.button.is-primary,
.button.is-success,
.button.is-info,
.button.is-warning,
.button.is-danger,
.button.is-link,
.button.is-white,
.button.is-light,
.button.is-dark,
.button.is-black {
    border: none !important;
}

/* Remove sombras de elementos específicos que podem ter */
.hero {
    box-shadow: none !important;
}

.section {
    box-shadow: none !important;
}

.container {
    box-shadow: none !important;
}

.navbar {
    box-shadow: none !important;
    border: none !important;
}

.footer {
    box-shadow: none !important;
}

/* Remove sombras de tabelas - mantém bordas internas para legibilidade */
.table {
    box-shadow: none !important;
    border: none !important;
}

/* Remove sombras de tags */
.tag {
    box-shadow: none !important;
}

/* Remove sombras de progress bars */
.progress {
    box-shadow: none !important;
    border: none !important;
}

/* Remove sombras de breadcrumb */
.breadcrumb {
    box-shadow: none !important;
}

/* Remove sombras de pagination */
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    box-shadow: none !important;
    border: none !important;
}

/* Remove sombras de tabs */
.tabs {
    box-shadow: none !important;
}

/* Remove sombras de menu */
.menu {
    box-shadow: none !important;
}

/* Garante que elementos personalizados também não tenham sombra */
*,
*::before,
*::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Exceções para elementos que precisam de sombra sutil para funcionalidade */
.modal-background {
    /* Mantém a sombra do background do modal para usabilidade */
    box-shadow: none !important;
}

/* Remove qualquer sombra que possa ser aplicada via JavaScript ou outros CSS */
[style*="box-shadow"] {
    box-shadow: none !important;
}

/* Remove sombras de elementos com classes específicas */
.has-shadow,
.has-shadow-small,
.has-shadow-medium,
.has-shadow-large {
    box-shadow: none !important;
}

/* Design flat para elementos interativos - sem bordas ou hover */
.button:hover,
.panel:hover {
    box-shadow: none !important;
    border: none !important;
}

/* Remove hover dos boxes e cards */
.box,
.card {
    transition: none !important;
}

.box:hover,
.card:hover {
    box-shadow: none !important;
    border: none !important;
    transform: none !important;
}

/* Elementos primários em hover - sem bordas */
.button.is-primary:hover,
.card.is-primary:hover,
.button.is-success:hover,
.card.is-success:hover,
.button.is-info:hover,
.card.is-info:hover,
.button.is-warning:hover,
.card.is-warning:hover,
.button.is-danger:hover,
.card.is-danger:hover {
    border: none !important;
}

/* ==========================================================================
   ESTILOS CUSTOMIZADOS PARA TÍTULOS
   ========================================================================== */

/* Títulos com background transparente e cor primary */
.title {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 4px !important;
    display: inline-block !important;
    margin-bottom: 1.5rem !important;
}

/* Títulos centralizados */
.title.has-text-centered,
.has-text-centered .title {
    display: block !important;
    text-align: center !important;
}

/* Subtítulos também com fundo transparente */
.subtitle {
    background-color: transparent !important;
    color: var(--bulma-primary-dark) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 4px !important;
    display: inline-block !important;
    margin-bottom: 1rem !important;
}

.subtitle.has-text-centered,
.has-text-centered .subtitle {
    display: block !important;
    text-align: center !important;
}

/* Override para títulos que já têm classes específicas de cor/background */
.title.has-text-white.has-background-primary {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
}

.title.has-text-white.has-background-grey-dark {
    background-color: var(--bulma-grey-dark) !important;
    color: var(--bulma-white) !important;
}

.subtitle.has-text-white.has-background-grey-dark {
    background-color: var(--bulma-grey-dark) !important;
    color: var(--bulma-white) !important;
}

/* ==========================================================================
   ESTILOS PARA ELEMENTOS PRIMARY COM BACKGROUND SMOKE
   ========================================================================== */

/* Todos os elementos com classes primary recebem background transparente e cor primary */
[class*="is-primary"],
[class*="has-text-primary"],
[class*="has-background-primary"] {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 4px !important;
}

/* Exceções para elementos que devem manter comportamento original */
.button[class*="is-primary"],
.button[class*="has-background-primary"] {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
    border-color: var(--bulma-primary) !important;
    padding: calc(0.5em - 1px) 1em !important;
}

.tag[class*="is-primary"],
.tag[class*="has-background-primary"] {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
    padding: 0.25rem 0.75rem !important;
}

.hero[class*="is-primary"],
.hero[class*="has-background-primary"] {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
    padding: 3rem 1.5rem !important;
}

.navbar[class*="is-primary"],
.navbar[class*="has-background-primary"] {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
    padding: 0 !important;
}

.card-header[class*="has-background-primary"] {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
    padding: 0.75rem 1rem !important;
}

.notification[class*="is-primary"],
.notification[class*="has-background-primary"] {
    background-color: var(--bulma-primary-light) !important;
    color: var(--bulma-primary-dark) !important;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem !important;
}

.progress[class*="is-primary"] {
    background-color: var(--bulma-grey-lighter) !important;
    padding: 0 !important;
}

.progress[class*="is-primary"]::-webkit-progress-value {
    background-color: var(--bulma-primary) !important;
}

.progress[class*="is-primary"]::-moz-progress-bar {
    background-color: var(--bulma-primary) !important;
}

/* Elementos de texto que devem manter apenas a cor */
[class*="has-text-primary"]:not([class*="has-background"]):not([class*="is-primary"]) {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
    display: inline !important;
}

/* Links com has-text-primary */
a[class*="has-text-primary"] {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    padding: 0 !important;
    text-decoration: none !important;
}

a[class*="has-text-primary"]:hover {
    background-color: transparent !important;
    color: var(--bulma-primary-dark) !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

/* Títulos que já têm override específico mantêm suas regras */
.title[class*="has-text-white"][class*="has-background-primary"] {
    background-color: var(--bulma-primary) !important;
    color: var(--bulma-white) !important;
    padding: 0.75rem 1.5rem !important;
}

/* Elementos inline que não devem ter padding excessivo */
span[class*="has-text-primary"],
em[class*="has-text-primary"],
strong[class*="has-text-primary"],
small[class*="has-text-primary"] {
    padding: 0.125rem 0.25rem !important;
    display: inline !important;
}

/* ==========================================================================
   OVERRIDE ESPECÍFICO PARA TÍTULO DO HEADER
   ========================================================================== */

/* Título do header com fundo transparente */
.title.is-1.has-text-white {
    background-color: transparent !important;
    color: var(--bulma-white) !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Título da trajetória profissional com fundo transparente */
.title.is-2.has-text-primary.has-text-centered {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
    text-align: center !important;
}

/* Título do CTA com fundo transparente */
.title.is-4.has-text-primary {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Títulos is-3 com fundo transparente */
.title.is-3.has-text-primary {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Títulos is-5 com fundo transparente */
.title.is-5.has-text-primary {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
}

/* ==========================================================================
   OVERRIDE FINAL - DESIGN FLAT COM FUNDOS TRANSPARENTES
   ========================================================================== */

/* Remove todas as bordas e define fundos transparentes para elementos de container */
.box,
.card,
.panel,
.modal-card,
.modal-content,
.dropdown-content,
.dropdown-menu,
.navbar-dropdown,
.message,
.notification,
.hero,
.section,
.container,
.column,
.columns {
    border: none !important;
    background-color: transparent !important;
}

/* Override específico para remover hover do menu no modal */
.modal .menu-list a:hover,
.modal .vogt-menu-items .menu-list a:hover,
.vogt-menu-items .menu-list a:hover {
    background-color: transparent !important;
    color: inherit !important;
}

/* Remove todas as bordas de botões */
.button,
.button:hover,
.button:focus,
.button:active,
.button.is-hovered,
.button.is-focused,
.button.is-active,
.button.is-primary,
.button.is-success,
.button.is-info,
.button.is-warning,
.button.is-danger,
.button.is-link,
.button.is-white,
.button.is-light,
.button.is-dark,
.button.is-black,
.button.is-outlined {
    border: none !important;
}

/* Remove bordas de elementos de navegação */
.navbar,
.navbar-dropdown,
.tabs,
.breadcrumb,
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    border: none !important;
}

/* Remove bordas de elementos de conteúdo */
.table,
.progress,
.tag,
.media,
.level {
    border: none !important;
}

/* Mantém bordas apenas em inputs para funcionalidade */
.input,
.textarea,
.select select {
    border: 1px solid var(--bulma-grey-lighter) !important;
}

.input:focus,
.textarea:focus,
.select select:focus {
    border-color: var(--bulma-primary) !important;
}

/* Remove bordas de tabelas internas também */
.table th,
.table td {
    border-bottom: 1px solid var(--bulma-grey-lighter) !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

/* Remove bordas de elementos específicos do tema */
.content,
.content div,
.content section,
.content article,
.wp-block-group,
.wp-block-columns,
.wp-block-column {
    border: none !important;
}