/**
 * Tema padrão do fórum - Versão Dark
 */

:root {
    --primary-color: #F39C12;        /* Amarelo-alaranjado principal */
    --secondary-color: #E67E22;      /* Laranja */
    --success-color: #D35400;        /* Laranja escuro */
    --info-color: #E67E22;           /* Laranja mais claro */
    --warning-color: #F1C40F;        /* Amarelo vibrante */
    --danger-color: #e74c3c;         /* Vermelho */
    --light-color: #3c3c3c;          /* Cinza escuro */
    --dark-color: #121212;           /* Preto profundo */
    
    --body-bg: #000000;              /* Fundo preto */
    --card-bg: #1a1a1a;              /* Cartões em preto mais claro */
    --text-color: #ffffff;           /* Texto principal branco puro para melhor contraste */
    --text-secondary: #cccccc;       /* Texto secundário em cinza claro para melhor legibilidade */
    --text-muted: #999999;           /* Texto terciário em cinza médio para informações menos importantes */
    --text-title: #FFD700;           /* Títulos em dourado para destaque */
    --text-subtitle: #F39C12;        /* Subtítulos em laranja-amarelado */
    --text-highlight: #FF5733;       /* Texto destacado em laranja vivo */
    
    --link-color: #FF9F1C;           /* Links em laranja mais vibrante */
    --link-hover: #FFD369;           /* Hover de links em amarelo claro */
    
    --header-bg: #F39C12;            /* Cabeçalho em amarelo-alaranjado */
    --header-text: #ffffff;          /* Texto do cabeçalho em branco */
    --footer-bg: #121212;            /* Rodapé em preto */
    --footer-text: #f5f5f5;          /* Texto do rodapé em branco suave */
    --border-color: #2c2c2c;         /* Bordas em cinza escuro */
    --input-bg: #2c2c2c;             /* Fundo dos inputs em cinza escuro */
    --input-border: #3c3c3c;         /* Bordas dos inputs em cinza médio */
    
    /* Cores adicionais */
    --accent-color: #F1C40F;         /* Cor de destaque em amarelo */
    --secondary-accent: #9B59B6;     /* Cor de destaque secundária em roxo para variedade */
    --tertiary-accent: #2ECC71;      /* Cor de destaque terciária em verde para variedade */
    --hover-bg: #252525;             /* Cor de fundo ao passar o mouse */
    --card-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); /* Sombra dos cartões */
    --button-gradient: linear-gradient(135deg, #F39C12 0%, #D35400 100%); /* Gradiente de botões */
    
    /* Cores de navegação */
    --top-header-bg: #000000;        /* Fundo do cabeçalho superior */
    --main-nav-bg: #161616;          /* Fundo da navegação principal */
    --secondary-nav-bg: #121212;     /* Fundo da navegação secundária */
}

body {
    background-color: var(--body-bg);
    color: var(--text-color);
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--link-hover); /* Amarelo mais claro ao passar o mouse */
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--text-title);
    font-weight: 700;
    letter-spacing: -0.5px;
}

h3, h4 {
    color: var(--text-subtitle);
}

.text-highlight {
    color: var(--text-highlight);
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-muted {
    color: var(--text-muted) !important;
}

/* Navegação superior */
.top-header {
    background-color: var(--top-header-bg);
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.header-logo {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 1.4rem;
    text-shadow: 0 0 10px rgba(243, 156, 18, 0.3);
}

.header-logo:hover {
    color: var(--warning-color);
    text-decoration: none;
}

.header-link {
    color: var(--text-color);
    font-size: 0.9rem;
}

.header-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.header-btn {
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    font-weight: 500;
}

.header-btn-login {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.header-btn-login:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.header-btn-register {
    background-color: var(--primary-color);
    color: #fff;
}

.header-btn-register:hover {
    background-color: var(--success-color);
    color: #fff;
}

/* Navegação principal (inferior) */
.main-navigation {
    background-color: var(--main-nav-bg);
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-color);
}

.main-nav-brand {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 1.2rem;
    text-shadow: 0 0 10px rgba(243, 156, 18, 0.3);
}

.main-nav-brand:hover {
    color: var(--warning-color);
    text-decoration: none;
}

.main-nav .nav-link {
    color: var(--text-color);
    font-weight: 500;
    padding: 0.5rem 1rem;
}

.main-nav .nav-link:hover,
.main-nav .nav-link.active {
    color: var(--primary-color);
}

.nav-icon-link {
    color: var(--text-color);
    font-size: 1.1rem;
}

.nav-icon-link:hover {
    color: var(--primary-color);
}

.main-nav-btn {
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 500;
}

.main-nav-btn-login {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.main-nav-btn-login:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.main-nav-btn-register {
    background-color: var(--primary-color);
    color: #fff;
}

.main-nav-btn-register:hover {
    background-color: var(--success-color);
    color: #fff;
}

/* Banner do fórum */
.forum-banner {
    background-color: var(--dark-color);
    background-image: linear-gradient(135deg, rgba(243, 156, 18, 0.2) 0%, rgba(211, 84, 0, 0.2) 100%);
    color: var(--text-color);
    padding: 3rem 0;
    text-align: center;
    border-bottom: 1px solid var(--border-color);
}

.forum-title {
    color: var(--text-title);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(255, 215, 0, 0.5);
}

.forum-description {
    color: var(--text-secondary);
}

/* Navegação secundária */
.secondary-nav {
    background-color: var(--secondary-nav-bg);
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
}

.breadcrumbs a {
    color: var(--link-color);
}

.breadcrumbs a:hover {
    color: var(--link-hover);
}

.breadcrumb-separator,
.current-page {
    color: var(--text-secondary);
}

.secondary-links a,
.secondary-link {
    color: var(--text-secondary);
}

.secondary-links a:hover,
.secondary-link:hover {
    color: var(--primary-color);
}

/* Cards e conteúdo */
.card {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    border-radius: 0.5rem;
    box-shadow: var(--card-shadow);
}

.card-header {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--border-color);
}

.card-title {
    color: var(--text-title);
}

.card-subtitle {
    color: var(--text-subtitle);
}

/* Formulários */
.form-control {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-color);
}

.form-control:focus {
    background-color: var(--input-bg);
    border-color: var(--primary-color);
    color: var(--text-color);
    box-shadow: 0 0 0 0.25rem rgba(243, 156, 18, 0.25);
}

.form-text {
    color: var(--text-muted);
}

.form-label {
    color: var(--text-secondary);
    font-weight: 500;
}

/* Botões */
.btn-primary {
    background-color: var(--primary-color);
    background-image: var(--button-gradient);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--success-color);
    background-image: linear-gradient(135deg, #E67E22 0%, #D35400 100%);
    border-color: var(--success-color);
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary:hover {
    background-color: var(--primary-color);
    color: var(--card-bg);
}

.btn-secondary {
    background-color: var(--secondary-accent);
    border-color: var(--secondary-accent);
}

.btn-secondary:hover {
    background-color: #8E44AD;
    border-color: #8E44AD;
}

.btn-success {
    background-color: var(--tertiary-accent);
    border-color: var(--tertiary-accent);
}

.btn-success:hover {
    background-color: #27AE60;
    border-color: #27AE60;
}

/* Estilos específicos para o fórum */
.forum-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    box-shadow: var(--card-shadow);
}

.forum-card:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}

.forum-card-header {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--border-color);
}

.forum-card-title {
    color: var(--text-title);
}

.forum-card-description {
    color: var(--text-secondary);
}

.topic-list .topic-item {
    border-left: 3px solid transparent;
    transition: background-color 0.2s ease, border-left-color 0.2s ease;
}

.topic-list .topic-item:hover {
    background-color: var(--hover-bg);
    border-left-color: var(--primary-color);
}

.topic-list .topic-item.pinned {
    background-color: rgba(243, 156, 18, 0.1);
    border-left-color: var(--text-title);
}

.topic-title {
    color: var(--link-color);
    font-weight: 600;
}

.topic-title:hover {
    color: var(--link-hover);
}

.topic-meta {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.post-content {
    color: var(--text-color);
    line-height: 1.6;
}

.post-content blockquote {
    background-color: rgba(243, 156, 18, 0.05);
    border-left: 4px solid var(--primary-color);
    color: var(--text-secondary);
}

.post-content pre {
    background-color: var(--light-color);
    color: var(--text-secondary);
}

.post-content code {
    color: var(--secondary-accent);
    background-color: rgba(155, 89, 182, 0.1);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
}

.post-author {
    color: var(--primary-color);
    font-weight: 600;
}

.post-time {
    color: var(--text-muted);
    font-size: 0.85rem;
}

/* Badges */
.badge {
    font-weight: 500;
}

.badge-primary {
    background-color: var(--primary-color);
    color: #fff;
}

.badge-secondary {
    background-color: var(--secondary-accent);
    color: #fff;
}

.badge-success {
    background-color: var(--tertiary-accent);
    color: #fff;
}

/* Footer personalizado */
footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
    border-top: 1px solid var(--border-color);
}

footer a {
    color: var(--text-secondary);
}

footer a:hover {
    color: var(--primary-color);
}