/**
Theme Name: Astra Child
Author: Brainstorm Force
Description: Astra Child – ajustes específicos do QualFII.
Version: 1.0.0
Template: astra
*/

/* ========================================================================== */
/* DATATABLES */
/* ========================================================================== */

.dataTables_filter {
    display: none;
}

.dataTables_scrollHead {
    background-color: #025045;
    color: #FFFFFF;
    font-family: poppins, sans-serif;
    font-weight: bold;
    font-size: 14px;
    border-radius: 10px 10px 0 0;
}

table.dataTable tbody tr:hover {
    background-color: #025045 !important;
    color: #ffffff !important;
}

table.dataTable tbody td {
    background-color: inherit !important;
    color: #1c1c1c;
    padding: 12px 10px;
    vertical-align: middle;
}

table.dataTable tbody tr:hover td {
    color: #ffffff !important;
}

.even-row {
    background-color: #f0f0f0 !important;
}

.odd-row {
    background-color: #ffffff !important;
}

.dataTables_length,
.dataTables_info {
    display: none !important;
}

/* Limite de linhas só para visitantes na tabela principal */
body:not(.logged-in) #fiiTable tbody tr:nth-child(n+4) {
    display: none;
}

/* Portfólio sempre mostra tudo */
#portfolioTable tbody tr {
    display: table-row !important;
}

/* ========================================================================== */
/* FAVORITOS */
/* ========================================================================== */

button.favorite-btn.is-favorite {
    background-color: #FF9635;
}

button.favorite-btn {
    font-weight: bold;
    padding: 5px 10px;
    font-size: 16px;
}

button.remove-favorite {
    background-color: red;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 16px;
}

/* ========================================================================== */
/* SLIDERS */
/* ========================================================================== */

.slider .ui-slider-range {
    background: linear-gradient(to right, #4A9D88, #025045);
    height: 5px;
    position: absolute;
    z-index: 1;
}

.ui-slider .ui-slider-handle {
    background: #FFFFFF !important;
    border: 4px solid #025045 !important;
    border-radius: 50%;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-top: -3px;
}

.range-display {
    text-align: center;
    margin-top: 15px;
    font-size: 16px !important;
}

/* ========================================================================== */
/* FILTROS */
/* ========================================================================== */

#filters {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin: 20px auto !important;
    text-align: center !important;
}

#filters .row-1,
#filters .row-2,
#filters .row-3 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    justify-content: center !important;
}

#filters .row-2 > div,
#filters .row-3 > div {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    padding: 20px;
    border: 1.5px solid #038270 !important;
}

#filters label {
    font-weight: bold !important;
    color: #025045 !important;
}

#gestao_filter,
#segmento_filter,
#ticker-search {
    border: 2px solid #4A9D88;
    padding: 5px;
    border-radius: 4px;
    height: 35px;
}
