/* Tema CompDig - Account Console */

/* Variáveis CSS globais para sobrescrever o tema escuro do PatternFly */
:root {
    --pf-v5-c-masthead--BackgroundColor: #ffffff;
    --pf-v5-c-page__sidebar--BackgroundColor: #ffffff;
    --pf-v5-global--BackgroundColor--dark-100: #ffffff;
    --pf-v5-global--BackgroundColor--dark-200: #ffffff;
    --pf-v5-global--BackgroundColor--dark-300: #f8f9fa;
    --pf-v5-global--BackgroundColor--dark-400: #e9ecef;
    --pf-v5-global--Color--100: #344767;
    --pf-v5-global--Color--200: #344767;
    --pf-v5-c-nav__link--Color: #344767;
    --pf-v5-c-nav__link--hover--Color: #17c1e8;
    --pf-v5-c-nav__link--m-current--Color: #17c1e8;
    --pf-v5-c-nav__link--BackgroundColor: transparent;
    --pf-v5-global--Color--light-100: #344767;
    --pf-v5-c-page__main-section--BackgroundColor: #ffffff;
    
    /* Bordas mais claras para o menu toggle (dropdown do usuário) */
    --pf-v5-c-menu-toggle--before--BorderTopColor: #e9ecef;
    --pf-v5-c-menu-toggle--before--BorderRightColor: #e9ecef;
    --pf-v5-c-menu-toggle--before--BorderBottomColor: #e9ecef;
    --pf-v5-c-menu-toggle--before--BorderLeftColor: #e9ecef;
    --pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor: #e9ecef;
    --pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor: #e9ecef;
    --pf-v5-c-masthead--c-menu-toggle--before--BorderBottomColor: #e9ecef;
    --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor: #e9ecef;
}

/* Header com fundo branco */
.pf-c-page__header {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Sidebar com fundo branco */
.pf-c-page__sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid #e9ecef !important;
}

/* Navbar do sidebar com fundo branco */
.pf-c-page__sidebar .pf-c-nav {
    background-color: #ffffff !important;
}

/* Itens do menu com texto escuro */
.pf-c-nav__link,
.pf-c-nav__link *,
.pf-c-nav__link span,
.pf-c-nav__item a {
    color: #344767 !important;
}

.pf-c-nav__link:hover,
.pf-c-nav__link:hover * {
    background-color: #f8f9fa !important;
    color: #17c1e8 !important;
}

.pf-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current * {
    background-color: #e7f5fe !important;
    color: #17c1e8 !important;
    border-left: 3px solid #17c1e8 !important;
}

/* Logo - trocar pela logo customizada */
.pf-c-brand {
    max-width: 180px !important;
    height: 50px !important;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="50"><text x="10" y="35" font-family="Arial" font-size="24" fill="%2317c1e8" font-weight="bold">CompDig</text></svg>') !important;
}

/* Logo customizada */
.pf-c-brand img {
    max-height: 50px;
    width: auto;
}

/* Botões com cores da logo */
.pf-c-button.pf-m-primary {
    background-color: #17c1e8 !important;
    border-color: #17c1e8 !important;
    color: #ffffff !important;
}

.pf-c-button.pf-m-primary:hover {
    background-color: #0d9dbf !important;
    border-color: #0d9dbf !important;
    color: #ffffff !important;
}

/* Título do header */
.pf-c-page__header-brand-link {
    color: #17c1e8 !important;
    font-weight: 600 !important;
}

/* Dropdown do usuário */
.pf-c-dropdown__toggle {
    color: #344767 !important;
    border-color: #d2d6da !important;
}

/* Borda mais clara no dropdown do usuário no header */
.pf-c-masthead__content .pf-c-dropdown__toggle,
.pf-c-page__header .pf-c-dropdown__toggle {
    border: 1px solid #e9ecef !important;
}

/* Forçar bordas claras no menu-toggle (dropdown do usuário) */
.pf-v5-c-masthead .pf-v5-c-menu-toggle::before,
.pf-v5-c-menu-toggle::before {
    border-top-color: #e9ecef !important;
    border-right-color: #e9ecef !important;
    border-bottom-color: #e9ecef !important;
    border-left-color: #e9ecef !important;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-menu-toggle {
    border-color: #e9ecef !important;
}

/* Borda inferior específica */
.pf-v5-c-masthead .pf-v5-c-menu-toggle::before,
.pf-v5-c-menu-toggle::before {
    border-bottom: 1px solid #e9ecef !important;
}

.pf-v5-c-masthead--c-menu-toggle--before--BorderBottomWidth,
.pf-v5-c-menu-toggle--before--BorderBottomWidth {
    border-bottom-width: 1px !important;
}

/* Card de conteúdo */
.pf-c-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    border-radius: 0.75rem !important;
}

/* Tabs */
.pf-c-tabs__link {
    color: #344767 !important;
}

.pf-c-tabs__link:hover {
    color: #17c1e8 !important;
}

.pf-c-tabs__link.pf-m-current {
    color: #17c1e8 !important;
    border-bottom-color: #17c1e8 !important;
}

/* Links */
/*
a {
    color: #17c1e8 !important;
}
a:hover {
    color: #0d9dbf !important;
}
*/
/* Remover fundo escuro padrão */
body {
    background-color: #f0f2f5 !important;
}

/* Forçar fundo branco no header e sidebar */
.pf-c-page__header,
.pf-c-page__header-brand,
.pf-c-page__header-tools {
    background-color: #ffffff !important;
}

.pf-c-page__sidebar,
.pf-c-page__sidebar-body,
.pf-c-nav {
    background-color: #ffffff !important;
}

/* Texto do menu lateral em cor escura */
.pf-c-nav__item,
.pf-c-nav__list {
    background-color: #ffffff !important;
}

/* Remover qualquer background escuro do main */
.pf-c-page__main {
    background-color: #f0f2f5 !important;
}

/* Ajustar cores de texto em todo o conteúdo */
.pf-c-page__main-section,
.pf-c-card,
.pf-c-card__body,
.pf-c-form,
.pf-c-title,
h1, h2, h3, h4, h5, h6,
p, span, div {
    color: #344767 !important;
}

/* Labels dos formulários */
.pf-c-form__label,
.pf-c-form__label-text {
    color: #344767 !important;
    font-weight: 600 !important;
}

/* Inputs */
.pf-c-form-control {
    color: #344767 !important;
    background-color: #ffffff !important;
    border-color: #d2d6da !important;
}

/* Dropdown do usuário no header */
.pf-c-dropdown__toggle,
.pf-c-dropdown__toggle-text,
.pf-c-masthead__content button {
    color: #344767 !important;
}

/* Títulos das seções */
.pf-c-content h1,
.pf-c-content h2,
.pf-c-content h3 {
    color: #344767 !important;
}

/* Subtítulos e descrições */
.pf-c-content p {
    color: #67748e !important;
}

.pf-v5-c-button.pf-m-primary {
  color: #fff;
}