/*
 Theme Name: Revista Di Fatto Theme
 Theme URI: http://example.com
 Author: Your Name
 Author URI: http://example.com
 Description: Custom theme for Revista Di Fatto
 Version: 1.0
*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

/* Your custom styles */
:root {
    --primary-color: #002C72;
    --secondary-color: #E0E0E0;
    --accent-color: #FFFFFF;
    --text-color: #333333;
    --header-dark-color: #0D0D3D;
    --header-light-color: #002C72;
    --background-color: #f4f4f4;
    --link-color: #0046AD;
    --border-color: #DDDDDD;
    --pastel-highlight-color: #ffeedf;;
    --highlight-color: #FF7300;
    --highlight-color-secondary: #ab4d00;
    --success-green: #7ded97;
    --dark-success-green: #5bcf6a;
    --error-red: #a80000;
    --dark-error-red: #7a0000;
    --font-family: 'Arial', sans-serif;
}

body {
    font-family: var(--font-family);
    background-color: var(--background-color);
    color: var(--text-color);
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

header{
    margin-bottom: 20px;
}

main{
    flex: 1;
}

footer{
    background-color: var(--header-light-color);
    color: white;
    padding: 20px;
    text-align: center;

    /* bottom: 0px;
    position: absolute; */
}

/* Container do formulário de endereço de cobrança */
.woocommerce-MyAccount-content form {
    background-color: var(--accent-color);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}

/* Título do formulário */
.woocommerce-MyAccount-content form h3 {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-weight: bold;
}

/* Campos de formulário */
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
    margin-bottom: 15px;
}

.woocommerce-MyAccount-content .woocommerce-address-fields .form-row label {
    color: var(--text-color);
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.woocommerce-MyAccount-content .woocommerce-address-fields .form-row .woocommerce-input-wrapper {
    display: flex;
    flex-direction: column;
}

.woocommerce-MyAccount-content .woocommerce-address-fields .form-row input.input-text,
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row select {
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    font-size: 16px;
    color: var(--text-color);
    width: 100%;
    box-sizing: border-box;
}

.woocommerce-MyAccount-content .woocommerce-address-fields .form-row input.input-text:focus,
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row select:focus {
    border-color: var(--highlight-color);
    outline: none;
}

/* Abreviação de campo obrigatório */
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row label .required {
    color: var(--error-red);
    font-weight: normal;
}

/* Botão de salvar endereço */
.woocommerce-MyAccount-content form button.button {
    background-color: var(--highlight-color);
    color: var(--accent-color);
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    width: 100%;
    max-width: 200px;
    margin-top: 15px;
}

.woocommerce-MyAccount-content form button.button:hover {
    background-color: var(--highlight-color-secondary);
}

/* Estilo do campo select2 para manter consistência */
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection--single {
    height: 42px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    color: var(--text-color);
}

.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection__rendered {
    line-height: 42px;
}

.woocommerce-MyAccount-content .woocommerce-address-fields .select2-container .select2-selection__arrow {
    height: 42px;
}

/* Responsividade */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content form {
        padding: 15px;
    }

    .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
        width: 100%;
    }

    .woocommerce-MyAccount-content form button.button {
        width: 100%;
    }
}


/* Estilos gerais para o container de endereço */
.woocommerce-MyAccount-content .woocommerce-Address {
    background-color: var(--accent-color);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    color: var(--text-color);
    width: 100%;
}

/* Título do endereço */
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

/* Link de edição de endereço */
.woocommerce-MyAccount-content .woocommerce-Address-title .edit {
    font-size: 14px;
    color: var(--link-color);
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid var(--link-color);
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    font-weight: bold;
}

.woocommerce-MyAccount-content .woocommerce-Address-title .edit:hover {
    background-color: var(--highlight-color);
    color: var(--accent-color);
}

/* Endereço */
.woocommerce-MyAccount-content .woocommerce-Address address {
    font-style: normal;
    line-height: 1.6;
    color: var(--text-color);
    font-size: 16px;
}

/* Layout responsivo para garantir a largura total em todas as telas */
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2 {
    width: 100%;
}


/* Container principal da página de edição de conta */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {
    background-color: var(--accent-color);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    color: var(--text-color);
}

/* Títulos da página */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm h2 {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-weight: bold;
}

/* Campos de formulário */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input[type="text"],
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input[type="email"],
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
    color: var(--text-color);
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input[type="text"]:focus,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input[type="email"]:focus,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input[type="password"]:focus {
    border-color: var(--highlight-color);
    outline: none;
}

/* Botão de salvar */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type="submit"] {
    background-color: var(--highlight-color);
    color: var(--accent-color);
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    width: 100%;
    max-width: 200px;
    margin-top: 15px;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type="submit"]:hover {
    background-color: var(--highlight-color-secondary);
}

/* Mensagens de sucesso e erro */
.woocommerce-MyAccount-content .woocommerce-message {
    background-color: var(--success-green);
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-content .woocommerce-error {
    background-color: var(--error-red);
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* Links */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm a {
    color: var(--link-color);
    text-decoration: none;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm a:hover {
    color: var(--highlight-color);
    text-decoration: underline;
}
.woocommerce-MyAccount-content{
    width: 100%;
}

.woocommerce-account .notificacoes ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-account .notificacoes li {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

.woocommerce-account .notificacoes li.nova {
    background-color: var(--pastel-highlight-color);
    border-color: var(--highlight-color);
}

/* Topo com os botões e menu */
.top-bar {
    background: linear-gradient(to right, var(--header-dark-color), var(--header-light-color)); /* Gradiente de azul escuro para azul mais claro */
    color: var(--accent-color);
    padding: 10px 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
}

.top-bar .content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo img {
    max-height: 80px; /* Define a altura máxima da logo */
    height: auto;
    width: auto;
}

.top-buttons{
    display: flex;
}

.top-buttons .login-button, .top-buttons .logout-link {
    color: var(--accent-color);
    padding: 10px 20px;
    text-decoration: none;
    border: 1px solid var(--accent-color);
    border-radius: 3px;
    margin-left: 10px;
    transition: background-color 0.3s, color 0.3s;
}

/* Botão destacado "Submeter Texto" em laranja */
.top-buttons .submit-button {
    background-color: var(--highlight-color);
    border: 1px solid var(--highlight-color);
    color: var(--accent-color);
    margin-right: 10px;
    padding: 10px 20px;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
}

.top-buttons .validar-button {
    background-color: var(--accent-color);
    border: 0px solid var(--highlight-color);
    margin-right: 10px;
    padding: 10px 20px;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
    color: var(--primary-color);
}

.top-buttons .validar-dropdown-menu{
    width: 400px;
    padding: 10px;
    background-color: var(--accent-color);
    border: 3px solid var(--primary-color);
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(0px, 46px);
}

.top-buttons .submit-button:hover {
    background-color: var(--accent-color);
    color: var(--highlight-color);
}

/* Botão de login mantém o estilo */
.login-button {
    background-color: transparent;
    border: 1px solid var(--accent-color);
}

.login-button:hover {
    background-color: var(--accent-color);
    color: var(--header-light-color);
}

#mobile-menu .login-button{
    margin-left: 0 !important;
    margin-bottom: 10px;
}

#mobile-menu .search-field {
    width: 100%;
}

#mobile-menu .search-form{
    width: 100%;
    display: flex;
}

#mobile-menu .search-form label{
    flex-grow: 1;
}

/* Estilo dos novos botões */
.custom-button {
    background-color: var(--highlight-color);
    color: var(--accent-color);
    border: 1px solid var(--highlight-color);
    padding: 10px 20px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
}

.custom-button:hover {
    background-color: var(--accent-color);
    color: var(--highlight-color);
}


#extraButtons {
    margin-right: 10px;
}
#extraButtons a {
    display: inline-block;
}

/* Estilo do botão circular com "X" */
#hideButtons {
    width: 40px;
    height: 40px;
    background-color: red; /* Círculo vermelho */
    color: white; /* "X" branco */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;

    border-radius: 20px !important;
    padding: initial;
    text-align: center;
    line-height: 33px;
}

#hideButtons:hover {
    background-color: darkred; /* Cor mais escura ao passar o mouse */
}

.user-info {
    text-align: right;
}
.user-name {
    font-weight: bold;
    display: block;
}
.logout-link {
    font-size: 12px;
    color: #3498db;
    text-decoration: none;
    padding: 0px !important;
    border: none !important;
}
.logout-link:hover {
    text-decoration: underline;
}

/* Menu de navegação e busca com max-width de 1200px */
.nav-search-bar {
    background-color: var(--accent-color);
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    /* border-bottom: 2px solid var(--primary-color); */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.nav-search-bar .content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Posicionando o menu à esquerda */
/* General menu styling */
.nav-menu {
    background-color: var(--accent-color);
    padding: 10px 20px;
}

/* Main menu styling */
.nav-menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px;
}

.nav-menu ul li.menu-item {
    position: relative;
}

/* Style for the menu links */
.nav-menu ul li.menu-item a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: bold;
    padding: 10px 15px;
    display: block;
    transition: background-color 0.3s, color 0.3s;
}

/* Hover effect */
.nav-menu ul li.menu-item a:hover {
    background-color: var(--accent-color);
    color: var(--link-color);
}

/* Active menu item styling */
.nav-menu ul li.current-menu-item a,
.nav-menu ul li.current_page_item a {
    background-color: var(--highlight-color);
    color: var(--accent-color);
}

/* Submenu styling - hidden by default */
.nav-menu ul li.menu-item ul.sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: var(--primary-color);
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
}

/* Submenu links */
.nav-menu ul li.menu-item ul.sub-menu li a {
    padding: 10px;
    display: block;
    text-decoration: none;
    color: var(--accent-color);
}

.nav-menu ul li.menu-item ul.sub-menu li a:hover {
    background-color: var(--accent-color);
    color: var(--primary-color);
}

/* Optional: Make the submenu collapse vertically for mobile */
@media (max-width: 768px) {
    .nav-menu ul {
        flex-direction: column;
        gap: 10px;
    }
    
    .nav-menu ul li.menu-item ul.sub-menu {
        position: relative;
    }
}


/* Caixa de busca à direita */
.search-box {
    display: flex;
    align-items: center;
}

.search-box input {
    padding: 10px;
    border: none;
    border-radius: 5px;
    width: 200px;
}

.search-box button {
    padding: 10px;
    margin-left: 10px;
    background-color: var(--accent-color);
    color: var(--primary-color);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
}

.search-box button i {
    color: var(--primary-color);
}

.search-box button:hover {
    background-color: var(--primary-color);
    color: var(--accent-color);
}

/* Layout geral */
.container {
    display: flex;
    padding: 0 20px;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Conteúdo principal */
.main-content {
    flex: 3;
    padding-top: 16px;
}

.section {
    margin-bottom: 20px;
}

.section h2 {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

/* Estilo dos artigos */
.list-items {
    list-style-type: none;
    padding: 0;
}

.list-items li {
    padding: 15px;
    background-color: var(--accent-color);
    margin-bottom: 15px;
    border: 1px solid var(--border-color);
    transition: box-shadow 0.3s;
}

.list-items li:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.list-items li strong {
    font-size: 20px;
    color: var(--primary-color);
}

.list-items li .meta {
    margin-top: 10px;
    font-size: 12px;
    color: var(--text-color);
}

.list-items li .meta .autor-imagem{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--highlight-color);
}

/* Estilo para categorias e subcategorias */
.list-items li .category {
    margin-top: 5px;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: bold;
}

.list-items li .sub-category {
    font-size: 12px;
    color: var(--link-color);
}

.list-items li .date {
    font-style: italic;
}

.list-items li p {
    margin: 10px 0;
    color: var(--text-color);
}

.list-items li a {
    color: var(--link-color);
    text-decoration: none;
    font-weight: bold;
}

.list-items li a:hover {
    text-decoration: underline;
}

/* Link para ver mais */
.view-more {
    text-align: center;
    margin-top: 10px;
}

.view-more a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px solid var(--primary-color);
    transition: background-color 0.3s, color 0.3s;
}

.view-more a:hover {
    background-color: var(--primary-color);
    color: var(--accent-color);
}

.archive-list-item strong a:hover {
    text-decoration: none;

}

/* Sidebar */
.sidebar {
    flex: 1;
    padding: 15px;
    background-color: var(--accent-color);
    border: 1px solid var(--border-color);
}

.sidebar h2 {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 5px;
}

.conteudo-coluna,
.conteudo-artigo{
    flex-direction: column;
}

.conteudo-artigo .menu-superior{
    border: 2px solid var(--highlight-color);
    background-color: var(--pastel-highlight-color);
    padding: 10px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.author {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
}

.author img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    object-fit: cover;
}

.author .bio {
    font-size: 12px;
    color: var(--text-color);
}

.corpo-artigo{
    text-align: justify;
}

.corpo-artigo h1{
    font-size: 14pt !important;
    font-weight: bold !important;
}

.corpo-artigo h2{
    font-size: 12pt !important;
    font-weight: bold !important;
}

.corpo-artigo p{
    font-size: 12pt !important;
}

.corpo-artigo blockquote{
    font-size: 10pt !important;
    margin-left: 20px !important;
}


.pagination {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.pagination .page-numbers {
    padding: 10px 15px;
    margin: 0 5px;
    background-color: var(--primary-color);
    color: var(--accent-color);
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
}

.pagination .page-numbers:hover {
    background-color: var(--accent-color);
    color: var(--primary-color);
}

.pagination .current {
    background-color: var(--highlight-color);
    color: var(--accent-color);
    font-weight: bold;
}

.pagination .prev.page-numbers, .pagination .next.page-numbers {
    font-weight: bold;
}

/* Estilo do contêiner do formulário de busca */
.search-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    align-items: center;
    width: 100%;
}

.filter-item, .filter-item-select {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-grow: 1;
}

.filter-item-select {
    max-width: 400px;
}

.filter-item-select .bootstrap-select{
    height: 100%;
    width: 100% !important;
}

.filter-item-select .dropdown-toggle, .filter-item-select .dropdown-toggle:hover{
    height: 100%;
    background-color: white;
    border: 1px solid #ccc;
}

.filter-item label {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}

.filter-item input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

.filter-item input:focus {
    border-color: #0073aa; /* Cor de foco */
    outline: none;
}

.filter-item button {
    padding: 10px 20px;
    background-color: #0073aa;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    width: 100%;
    max-width: 150px;
    text-align: center;
}

.filter-item button:hover {
    background-color: #005f8d; /* Cor ao passar o mouse */
}

.autocomplete-suggestions {
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    background-color: white;
    position: absolute;
    z-index: 9999;
    top: 60px; /* Ajuste conforme necessário */
    width: 100%;
    box-sizing: border-box;
}

.autocomplete-item {
    padding: 10px;
    cursor: pointer;
}

.autocomplete-item:hover {
    background-color: #f0f0f0;
}

.archive-search-container, .dash-search-container {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
    column-gap: 10px;
}

.dash-search-container{
    margin-bottom: 20px;
}

.dash-search-container .form-select{
    height: 100%;
}

.register-form {
    background-color: var(--accent-color);
    padding: 30px;
    border-radius: 10px;
    max-width: 1200px;
    margin: 20px auto;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.register-form h2 {
    color: var(--primary-color);
    margin-bottom: 20px;
    font-weight: bold;
}

.form-group, .checkbox-group {
    margin-bottom: 15px;
}

.form-group label, .checkbox-group .main-label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: var(--primary-color);
}

.form-input, .form-textarea, .form-select {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
    color: var(--text-color);
}

.form-input:focus, .form-textarea:focus, .form-select:focus {
    border-color: var(--highlight-color);
    outline: none;
}

.form-textarea {
    height: 100px;
    resize: vertical;
}

.form-submit {
    background-color: var(--highlight-color);
    color: var(--accent-color);
    border: none;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    width: 100%;
}

.form-submit:hover {
    background-color: var(--highlight-color-secondary);
}

.form-secondary-submit{
    background-color: transparent;
    color: var(--highlight-color);
    border: var(--highlight-color) 1px solid;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    width: 100%;
}

.submit-text-wrapper{
    display: flex;
    column-gap: 10px;
}

.area-atuacao-opcoes{
    display: flex;
    flex-wrap: wrap;
}

.category-hier-container{
    width: 33%;
}

#category-filter{
    position: absolute;
    width: 50%;
    background-color: white;
}

.login-container {
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    background-color: var(--accent-color);
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.login-title {
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.login-links {
    text-align: center;
    margin-top: 15px;
}

.login-links a {
    color: var(--link-color);
    text-decoration: none;
    margin: 0 10px;
}

.login-links a:hover {
    text-decoration: underline;
}

.tabela-usuario-dash {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.tabela-usuario-dash th {
    background-color: #B3D7FF; /* Azul tom pastel */
    color: var(--text-color);
    padding: 15px;
    text-align: left;
    font-weight: bold;
}

.tabela-usuario-dash td {
    padding: 15px;
    border: none;
    text-align: left;
}

.tabela-usuario-dash td a {
    text-decoration: none;
}

.tabela-usuario-dash tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.tabela-usuario-dash tr:nth-child(even) {
    background-color: #ffffff;
}

/* Highlight na linha quando o usuário passar o mouse */
.tabela-usuario-dash tr:hover {
    background-color: #e6f7ff; /* Azul claro para destacar a linha */
}

.tabela-usuario-dash th:first-child {
    border-top-left-radius: 8px;
}

.tabela-usuario-dash th:last-child {
    border-top-right-radius: 8px;
}

.conteudo-artigo,
.conteudo-coluna{
    gap: 0px !important;
}

.cabecalho-edicao,
.cabecalho-artigo, 
.cabecalho-coluna{
    margin-bottom: 10px;
}

.cabecalho-edicao .title-wrapper,
.cabecalho-artigo .title-wrapper, 
.cabecalho-coluna .title-wrapper{
    background-color: var(--primary-color); /* Fundo com a cor principal */
    padding: 20px;
    border-radius: 5px; /* Cantos arredondados para suavizar o visual */
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para um efeito de profundidade */    
    margin-bottom: 10px;
}

.cabecalho-edicao .title-wrapper span,
.cabecalho-artigo .title-wrapper span, 
.cabecalho-coluna .title-wrapper span{
    display: block;
    float: right;
    position: relative;
    right: 118px;
    top: -20px;
    width: 0px;
    height: 0px;
}

.cabecalho-edicao .title-wrapper .btn,
.cabecalho-artigo .title-wrapper .btn, 
.cabecalho-coluna .title-wrapper .btn{
    background-color: var(--highlight-color);
    border-color: var(--highlight-color);
    width: 138px;
}

.cabecalho-edicao h1,
.cabecalho-artigo h1, 
.cabecalho-coluna h1 {
    color: var(--accent-color); /* Cor do texto para contraste */
}

.meta-single .autor-info{
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
}

.meta-single .autor-info img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--highlight-color);
}

.meta-single .autor-info #nomeData{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.meta-single .edicao-info {
    display: flex;
    align-items: flex-start;
    column-gap: 10px;
}

.meta-single .edicao-info .edicao-text-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;
}

.artigo-edicao{
    background-color: var(--background-color);
    padding: 15px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.meta-single {
    background-color: var(--secondary-color); /* Fundo suave */
    padding: 8px 12px;
    border-radius: 5px;
    color: var(--text-color);
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.meta-single i {
    color: var(--highlight-color); /* Cor do ícone para destacar */
}

.meta-single .category{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.meta-single .meta-end{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.meta-single .revisao{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.meta-single .revisao p{
    margin: 0;
}

.submeta-single{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.submeta-single .curriculo{
    max-width: 50%;
}

.acoes{
    display: flex;
    column-gap: 10px;
    justify-content: flex-end;
    margin-top: 10px;
    align-items: baseline;
}

.acoes .status-revisao{
    display: flex;
    align-items: baseline;
    column-gap: 5px;
}
.acoes .status-revisao.aprovado{
    color: var(--success-green);
    font-weight: bold;
}
.acoes .eh-coautor {
    color: var(--success-green);
    font-weight: bold;
}
.acoes .status-revisao .fa-check {
    background-color: var(--success-green);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
}

.conteudo-artigo .sucesso{
    background-color: var(--success-green);
    border-radius: 16px;
    padding: 10px 20px;
    border: 2px solid lightgreen;
}

.btn-main,
.conteudo-artigo .btn-artigo, 
.conteudo-coluna .btn-artigo {
    background-color: var(--primary-color);
    color: var(--accent-color);
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
    display: inline-block;
    border: 0px;
}

.btn-main:hover,
.conteudo-artigo .btn-artigo:hover,
.conteudo-coluna .btn-artigo:hover {
    background-color: var(--highlight-color);
    color: var(--accent-color);
}

.btn-main.btn-err,
.conteudo-artigo .btn-artigo.btn-err,
.conteudo-coluna .btn-artigo.btn-err{
    background-color: var(--dark-error-red);
    color: white;
    text-decoration: none;
}

.btn-main.btn-highlight,
.conteudo-artigo .btn-artigo.btn-highlight,
.conteudo-coluna .btn-artigo.btn-highlight{
    background-color: var(--highlight-color);
}

.btn-main.btn-highlight:hover,
.conteudo-artigo .btn-artigo.btn-highlight:hover,
.conteudo-coluna .btn-artigo.btn-highlight:hover{
    background-color: var(--accent-color);
    color: var(--highlight-color);
}

.btn-main.btn-err:hover,
.conteudo-artigo .btn-artigo.btn-err:hover,
.conteudo-coluna .btn-artigo.btn-err:hover{
    background-color: var(--error-red);
    text-decoration: none;
}

.btn-main.btn-succ,
.conteudo-artigo .btn-artigo.btn-succ,
.conteudo-coluna .btn-artigo.btn-succ{
    background-color: var(--dark-success-green);
}

.btn-main.btn-succ:hover,
.conteudo-artigo .btn-artigo.btn-succ:hover,
.conteudo-coluna .btn-artigo.btn-succ:hover{
    background-color: var(--success-green);
}

.resumo-artigo, .abstract-artigo {
    background-color: var(--background-color); 
    padding: 15px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 50%;
}

.resumo-artigo h3, .abstract-artigo h3 {
    color: var(--primary-color);
    font-size: 1.2rem;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--highlight-color);
    padding-bottom: 5px;
}

.resumo-artigo p, .abstract-artigo p {
    color: var(--text-color);
    line-height: 1.6;
    font-size: 14px;
}

.opcoes-revisao-modal-dialog{
    max-width: 1000px !important;
}

.opcoes-revisao-modal-dialog .card{
    height: 325px;
}

.coautores-pendentes-list{
    display: flex;
    column-gap: 10px;
}

.coautores-pendentes-list .coautor-pendente{
    display: flex;
    column-gap: 5px;
}

.coautores-pendentes-list .coautor-pendente img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--header-light-color);
    object-fit: cover;
}

.woocommerce-MyAccount-navigation {
    background-color: var(--background-color);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-MyAccount-navigation-toggle {
    display: none;
    background-color: var(--primary-color);
    color: var(--accent-color);
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce-MyAccount-navigation-link {
    margin-bottom: 5px;
}

.woocommerce-MyAccount-navigation-link a {
    display: block;
    text-decoration: none;
    color: var(--primary-color);
    padding: 10px 15px;
    border-radius: 4px;
    background-color: var(--accent-color);
    border: 1px solid var(--border-color);
    transition: background-color 0.3s, color 0.3s;
    font-weight: bold;
}

.woocommerce-MyAccount-navigation-link a:hover {
    background-color: var(--highlight-color);
    color: var(--accent-color);
}

.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: var(--highlight-color-secondary);
    color: var(--accent-color);
}

.woocommerce-MyAccount-navigation .mobile-menu{
    display: none;
}

/* Estilização para dispositivos móveis */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation-toggle {
        display: block;
    }

    .woocommerce-MyAccount-navigation .mobile-menu{
        display: block;
    }

    .woocommerce-MyAccount-navigation .main-woo-menu{
        display: none;
    }

    .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
        gap: 5px;
        padding: 0;
    }

    .woocommerce-MyAccount-navigation-link {
        flex: 1 1 50%;
    }

    .woocommerce-MyAccount-navigation ul.is-visible {
        display: flex;
    }

    .search-filter {
        flex-direction: column;
    }

    .archive-search-container, .dash-search-container{
        flex-direction: column;
        gap: 15px;
    }

    .filter-item, .filter-item-select {
        max-width: 100%;
    }

    .filter-item button {
        width: 100%;
    }

    .container {
        flex-direction: column;
    }

    /* Aumentar o espaçamento entre o logo e os botões na versão mobile */
    .top-buttons {
        margin-top: 20px; /* Adiciona espaçamento */
    }

    .nav-search-bar .content {
        flex-direction: column;
        gap: 15px;
    }

    .list-items li {
        padding: 10px;
    }

    .sidebar {
        margin-top: 20px;
    }
}