/*
Theme Name: Ontario - Child
Author: GT3themes
Author URI: https://gt3themes.com
Description: -
Version: 1.0
Template: ontario
*/
@import url("../ontario/style.css");

/* ------------------------------------------------------------------------- *
 * Ajuste de Cores - Plugin Changelog (Light & Dark Mode Compatibilidade)
 * ------------------------------------------------------------------------- */

/* Modo Claro (Padrão) - Mapeando as variáveis do tema para o Changelog */
:root {
    --cha-fg-bg: var(--bg_body, #ffffff) ;
    --cha-fg-bg-light: #f5f7fa ; /* Cor de background secundária do tema Ontario */
    --cha-fg-text: var(--header_font_color, #1e1e1e);
    --cha-fg-text-muted: var(--content_color, #565656);
    --cha-fg-border: #e8e8e8; /* Borda suave para o modo claro */
    --cha-fg-accent: #525df9;
    --cha-fg-accent-light: rgba(82, 93, 249, 0.1);
}

/* Modo Claro (Padrão) - Correções Adicionais de Hover */
.cha-change-toggle[type=button]:hover,
.cha-change-toggle[type=button]:focus {
    color: #525df9;
    background-color: #f5f7fa !important; /* Cor de hover padrão para o light mode */
}

.cha-hub-tab:hover {
    color: #525df9;
}

.cha-hub-tabs {
    background: var(--cha-fg-bg, #ffffff);
    border-bottom: 1px solid var(--cha-fg-border, #e8e8e8);
}

.cha-hub-tab {
    color: var(--cha-fg-text-muted, #565656);
}

.cha-hub-tab.active {
    background-color: var(--cha-fg-bg, #ffffff);
    border-color: var(--cha-fg-border, #e8e8e8);
}

.cha-hub-tab.active::after {
    background-color: var(--cha-fg-bg, #ffffff);
}

.cha-hub-panel.active {
    background-color: var(--cha-fg-bg, #ffffff);
}

/* Modo Escuro (Dark Mode) - Sobrescrevendo variáveis quando ativo */
body.gt3_dark_mode {
    --cha-fg-bg: var(--bg_body_dark, #1a1a1a);
    --cha-fg-bg-light: #2c2c2c; /* Fundo secundário para blocos do dark mode */
    --cha-fg-text: var(--heading_dark, #f2f2f2);
    --cha-fg-text-muted: var(--content_color_dark, #b5b5b5);
    --cha-fg-border: #3f3f3f; /* Cor das bordas no modo escuro do tema */
}

/* Modo Escuro (Dark Mode) - Correções Adicionais de Hover */
body.gt3_dark_mode .cha-change-toggle[type=button]:hover,
body.gt3_dark_mode .cha-change-toggle[type=button]:focus {
    color: #525df9;
    background-color: #2c2c2c !important; /* Cor de hover do bloco escuro */
}

body.gt3_dark_mode .cha-hub-tab:hover {
    color: var(--heading_dark, #f2f2f2);
}

body.gt3_dark_mode .cha-hub-tabs {
    background: var(--cha-fg-bg, #1a1a1a);
    border-color: var(--cha-fg-border, #3f3f3f);
}

body.gt3_dark_mode .cha-hub-tab {
    color: var(--cha-fg-text-muted, #b5b5b5);
}

body.gt3_dark_mode .cha-hub-tab.active {
    background-color: var(--cha-fg-bg, #1a1a1a);
    border-color: var(--cha-fg-border, #3f3f3f);
}