/* [Custom Stylesheet] */

/* Redes Sociais - Cores e Layout */
.social--widget.style--1 .nav>li {
    width: 25% !important;
}

.social--widget.style--1 .nav>li a .title {
    font-size: 11px !important;
    /* Diminuído para caber */
    letter-spacing: -0.5px;
    white-space: nowrap;
}

.social--widget.style--1 .nav>li a {
    padding: 10px 2px !important;
    /* Reduzido padding lateral */
}

/* Forçar Ícones do Topo brancos */
.header--topbar-social li a i,
.header--topbar-social li a i.fa-brands,
.header--topbar-social li a i.fa {
    color: #ffffff !important;
    opacity: 1 !important;
}

.header--topbar-social li a:hover i {
    opacity: 0.7 !important;
}

/* Fix para Ícones (Font Awesome 6) */
.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Cores Gerais (Apenas para Widgets, não afeta Topbar/Sidebar se conflitar) */
.social--widget .fa-instagram,
.social--widget .fa-brands.fa-instagram {
    color: #e1306c !important;
}

.social--widget .fa-tiktok,
.social--widget .fa-brands.fa-tiktok {
    color: #000000 !important;
}

.social--widget .fa-at,
.social--widget .fa-brands.fa-threads {
    color: #333333 !important;
}

.social--widget .fa-newspaper-o,
.social--widget .fa-google {
    color: #C5221F !important;
}

/* Ajuste Widget 'Fique Conectado' (Style 3) para linha única */
.social--widget.style--3 .nav {
    padding: 10px 0 !important;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    /* Forçar uma única linha */
}

.social--widget.style--3 .nav>li {
    margin: 0 8px !important;
    /* Reduzir espaçamento lateral */
}

.social--widget.style--3 .nav>li>a {
    font-size: 18px !important;
    /* Reduzir um pouco o tamanho */
}

.social--widget.style--3 .nav li a i {
    color: #444 !important;
    /* Cinza Escuro padrão */
    transition: all 0.3s ease;
}

.social--widget.style--3 .nav li a:hover i {
    color: #da0000 !important;
    /* Vermelho do projeto no hover */
}

/* Exceção: No topo, os ícones são sempre brancos */
.header--topbar-social li a i {
    color: #ffffff !important;
}

/* No Sticky Sidebar, queremos as cores oficiais no fundo ou no ícone */
/* REMOVIDO: #stickySocial ul li a i { color: #ffffff !important; } */
/* REMOVIDO: #stickySocial ul li a { color: #ffffff !important; } */

/* Sticky Social Sidebar - Cores */
#stickySocial .nav>li>a>i {
    color: #999 !important;
    /* Ícone cinza por padrão */
    background-color: #f5f6f7 !important;
    /* Fundo cinza claro */
    border-color: #eee !important;
}

#stickySocial .nav>li>a:hover>i {
    color: #ffffff !important;
    /* Ícone branco no hover */
}

/* Cores de fundo no Hover do Sticky Sidebar */
#stickySocial ul li:nth-child(1) a:hover>i {
    background-color: #3b5998 !important;
    border-color: #3b5998 !important;
}

/* Facebook */
#stickySocial ul li:nth-child(2) a:hover>i {
    background-color: #e1306c !important;
    border-color: #e1306c !important;
}

/* Instagram */
#stickySocial ul li:nth-child(3) a:hover>i {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* TikTok */
#stickySocial ul li:nth-child(4) a:hover>i {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

/* Threads */
#stickySocial ul li:nth-child(5) a:hover>i {
    background-color: #bb0000 !important;
    border-color: #bb0000 !important;
}

/* Youtube */
#stickySocial ul li:nth-child(6) a:hover>i {
    background-color: #C5221F !important;
    border-color: #C5221F !important;
}

/* Google Notícias */
#stickySocial ul li:nth-child(7) a:hover>i {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
}

/* RSS */

/* Cores do texto expandido (span) no hover */
#stickySocial ul li:nth-child(1) a:hover>span {
    background-color: #3b5998 !important;
}

#stickySocial ul li:nth-child(2) a:hover>span {
    background-color: #e1306c !important;
}

#stickySocial ul li:nth-child(3) a:hover>span {
    background-color: #000000 !important;
}

#stickySocial ul li:nth-child(4) a:hover>span {
    background-color: #333333 !important;
}

#stickySocial ul li:nth-child(5) a:hover>span {
    background-color: #bb0000 !important;
}

#stickySocial ul li:nth-child(6) a:hover>span {
    background-color: #C5221F !important;
}

#stickySocial ul li:nth-child(7) a:hover>span {
    background-color: #ff6600 !important;
}


/* RSS */


/* Fix para Ícones (Font Awesome 6 em Tema Antigo) */
/* Remover overrides manuais que podem conflitar com a nova biblioteca CDN */
.fab,
.fa-brands {
    font-family: inherit;
    /* Deixar as classes do FontAwesome trabalharem sozinhas */
}


/* Ajustes para o Menu com fundo Vermelho (Home 4) */
.header--navbar.bg--color-1 {
    background-color: #da0000 !important;
    /* Vermelho */
}

.header--navbar.bg--color-1 .header--menu-links>li>a {
    color: #ffffff !important;
}

.header--navbar.bg--color-1 .header--menu-links>li>a:hover,
.header--navbar.bg--color-1 .header--menu-links>li.active>a,
.header--navbar.bg--color-1 .header--menu-links>li.open>a {
    color: #ffffff !important;
    border-bottom-color: #ffffff !important;
    /* Destaque branco na borda inferior */
}

/* Ajuste do botão de busca no fundo vermelho */
.header--navbar.bg--color-1 .header--search-form .btn {
    color: #ffffff !important;
}

/* Ajuste do botão toggle (mobile) */
.header--navbar.bg--color-1 .navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}

/* Padronização de Thumbnails no Bloco de Destaques */
.post--items-1 .post--item.post--title-large .post--img .thumb img {
    height: 190px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.post--items-1 .post--item.post--title-larger .post--img .thumb img {
    height: 395px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Padronização para Notícias Recentes (Linha de 2) */
.post--items-2 .post--item.post--layout-2 .post--img .thumb img {
    height: 180px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Seção de Vídeos - Alinhamento de Alturas (Home 4) */
@media (min-width: 992px) {

    /* Vídeo Grande de Destaque */
    .post--item.post--type-video.post--layout-1 .thumb {
        height: 450px !important;
        display: block !important;
        overflow: hidden !important;
    }

    .post--item.post--type-video.post--layout-1 .thumb img,
    .post--item.post--type-video.post--layout-1 .thumb video {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /* Vídeos Laterais - Correção do Layout */
    .post--item.post--type-video.post--layout-3 {
        margin-bottom: 10px !important;
        height: 105px !important;
        /* (450 total - 30 de gaps) / 4 = 105px */
        overflow: hidden !important;
    }

    .post--item.post--type-video.post--layout-3 .post--img {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        width: 100% !important;
        height: 100% !important;
        background: transparent !important;
    }

    .post--item.post--type-video.post--layout-3 .thumb {
        width: 140px !important;
        height: 85px !important;
        flex-shrink: 0 !important;
        order: 1 !important;
    }

    .post--item.post--type-video.post--layout-3 .thumb img,
    .post--item.post--type-video.post--layout-3 .thumb video {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 4px !important;
    }

    /* Ajuste do Título e Meta (Lado Direito) */
    .post--item.post--type-video.post--layout-3 .post--info {
        position: static !important;
        padding: 0 0 0 15px !important;
        width: auto !important;
        background: transparent !important;
        order: 2 !important;
        display: block !important;
    }

    .post--item.post--type-video.post--layout-3 .post--info .title {
        margin-top: 0 !important;
    }

    .post--item.post--type-video.post--layout-3 .post--info .title h3 {
        font-size: 14px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        font-weight: 600 !important;
    }

    .post--item.post--type-video.post--layout-3 .post--info .meta {
        margin-bottom: 5px !important;
        font-size: 11px !important;
    }
}

/* Estilos para Enquete Dinâmica */
.poll--widget .radio p {
    position: relative;
    background: #eee;
    height: 12px;
    border-radius: 6px;
    margin-top: 5px;
    font-size: 10px;
    line-height: 12px;
    text-indent: -9999px;
    /* Esconde o texto da porcentagem original se necessário */
    overflow: visible;
}

.poll--widget .radio p span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #da0000;
    /* Vermelho do site */
    border-radius: 6px;
    transition: width 0.5s ease-in-out;
}

.poll--widget .radio label {
    display: block;
    margin-bottom: 2px;
    cursor: pointer;
}

.poll--widget .radio label span {
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px;
}

.poll--widget .radio.voted p::after {
    content: attr(data-percent);
    position: absolute;
    right: 0;
    top: -18px;
    font-size: 11px;
    font-weight: bold;
    color: #333;
}

/* Ajuste quando já votou ou resultados */
.poll--widget .radio.voted input {
    display: none;
}

/* Mensagem de Newsletter (Caixa Vermelha) */
.subscribe--widget .status p {
    background-color: #da0000 !important;
    color: #ffffff !important;
    padding: 12px !important;
    margin-top: 15px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

/* Correção do Menu Mobile (Fundo Branco vs Texto Branco) */
@media screen and (max-width: 991px) {
    .header--navbar.bg--color-1 .header--menu-links>li>a {
        color: #333333 !important;
        /* Texto Escuro no Mobile */
        border-bottom-color: #eee !important;
    }

    .header--navbar.bg--color-1 .header--menu-links>li.active>a,
    .header--navbar.bg--color-1 .header--menu-links>li.open>a,
    .header--navbar.bg--color-1 .header--menu-links>li:hover>a {
        color: #da0000 !important;
        /* Vermelho no hover/active mobile */
        border-bottom-color: #da0000 !important;
    }
}

/* --- Modern Share Buttons (Outline Style) --- */
.share-container {
    background: #fff;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.share-title {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 12px;
    display: block;
    text-transform: uppercase;
}

.share-buttons-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.btn-social-modern {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    border-radius: 4px;

    /* Estado Padrao (Cinza Espacial) */
    background-color: transparent;
    border: 1px solid #444;
    /* Cinza Escuro */
    color: #444 !important;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.3s ease;
    min-width: auto;
}

.btn-social-modern i {
    margin-right: 8px;
    font-size: 14px;
    color: #444;
    /* Icone Cinza */
    transition: all 0.3s ease;
}

/* Hover Effect (Vermelho Teresópolis) */
.btn-social-modern:hover {
    background-color: #da0000;
    /* Vermelho Oficial */
    border-color: #da0000;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(218, 0, 0, 0.2);
}

.btn-social-modern:hover i {
    color: #ffffff;
    /* Icone Branco no Hover */
}

.btn-social-modern:active {
    transform: translateY(0);
}

/* Specific button styles are no longer needed as they all share the same outline style */
.btn-fb-modern,
.btn-wa-modern,
.btn-copy-modern {
    background-color: transparent;
}


/* Mobile Adjustments */
@media (max-width: 575px) {
    .btn-social-modern {
        width: 100%;
        margin-bottom: 10px;
    }
}