/*
 Theme Name:   STI
 Theme URI:    https://wgo.pt/
 Description:  Tema para o STI - Sindicato dos Trabalhadores dos Impostos.
 Author:       WGO
 Author URI:   https://wgo.pt/
 Template:     papr
 Version:      1.0.0
 Text Domain:  sti-child
*/


/* =============================================================
   1. VARIÁVEIS E REGRAS GERAIS
   ============================================================= */
:root {
    --primary-blue: #007bff;
    --light-blue: #29abe2;
    --radius-std: 8px;
    --transition-smooth: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Fix Scroll Anchors */
[id], #cartao-saude, #seguro-saude {
    scroll-margin-top: 200px;
}

sti-banner-wrap div { border-radius: var(--radius-std); }

/* =============================================================
   2. COMPONENTES DE BANNER (Desktop & Dark Mode)
   ============================================================= */
/* Seletores combinados para evitar repetição de código */
.banner, 
section.banner__standard,
.active-dark-mode .banner,
.active-dark-mode section.banner__standard,
.banner.banner__default.bg-grey-light-three {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 250px;
    background-image: url("/wp-content/uploads/2026/02/sti-slider-bg5.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    animation: gentleZoom 20s ease-in-out infinite alternate;
}

/* Overlay e Texto do Banner */
.banner.banner__default.bg-grey-light-three::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.banner.banner__default.bg-grey-light-three > *,
section.banner__standard .axil-post-title, 
section.banner__standard span.published.updated {
    position: relative;
    z-index: 2;
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Fallback/Ajustes Mobile */
@media (max-width: 991px) {
    .banner, section.banner__standard {
        background-image: none !important;
        background-color: #0059ad !important;
        animation: none;
        min-height: 200px;
    }
}

@keyframes gentleZoom {
    from { background-size: 100%; }
    to { background-size: 115%; }
}

/* =============================================================
   3. IMAGENS E CARDS (Efeito Hover & Molduras)
   ============================================================= */
.axil-img-container a.align-self-center,
.recent-news-holder .post-block a.align-self-center,
.axil-post-grid-2 .axil-img-container,
.grad-overlay {
    display: block !important;
    border-radius: var(--radius-std) !important;
    overflow: hidden !important;
    position: relative;
    z-index: 0;
}
.post-block__mid img,
.axil-img-container img,
.recent-news-holder .post-block img {
    border-radius: var(--radius-std) !important;
    transition: var(--transition-smooth) !important;
    display: block;
}

.axil-img-container:hover img,
.post-block:hover img {
    transform: scale(1.08) !important;
}

.grad-overlay { pointer-events: none; z-index: 2; }

/* =============================================================
   4. ELEMENTOS DE CONTEÚDO (News, Navigation, Sidebar)
   ============================================================= */
.axil-img-container .media-body { padding: 0.2rem 2rem !important; }
.axil-img-container.m-b-xs-30 { margin-bottom: 2rem !important; }

.post-navigation-wrapper .post-navigation .post-nav-content { padding: 0.5rem 1.5rem !important; }
.post-navigation-wrapper h3 { font-size: 1.5rem; line-height: 2rem; margin: 1rem 0 0; }

/* Side Navigation */
.side-nav .side-navigation li {
    font-size: 2.0rem !important;
    line-height: 1.8rem !important;
    color: var(--grey-dark-one) !important;
    font-weight: var(--p-semi-bold);
    margin-bottom: 3rem;
    text-align: left;
}

@media (max-width: 991px) {
    .side-nav .side-navigation li { margin-bottom: 1rem; }
}

/* =============================================================
   5. PROTOCOLOS E FILTROS
   ============================================================= */
#sti_protocolos_filter_bar {
    display: block !important;
    width: 100% !important;
    background-color: var(--primary-blue) !important;
    border-radius: 25px !important;
    padding: 1em !important;
    margin-bottom: 1em !important;
    clear: both !important;
}

#sti_protocolos_filter_bar .vc_col-sm-3 { width: 25%; float: left; padding: 5px; }

#sti_protocolos_filter_bar .gform_wrapper :is(input[type="text"], input[type="password"], textarea, select) {
    border: 0;
    border-radius: 7px;
    padding: 10px;
    height: 3em !important;
}

/* =============================================================
   6. ESTILOS ESPECÍFICOS STI & MOBILE FIX
   ============================================================= */
#sti_associados :is(h1, h2) { font-size: 2.2rem; color: var(--light-blue) !important; }
#sti_associados h2 { font-size: 2.0rem; }

#sti_associados_sidebar_shortcode .sti_sidebar_text,
#sti_associados_sidebar_shortcode .dashicons { color: var(--light-blue); }

.fancybox-container { z-index: 99999 !important; }

/* Mobile Post Blocks */
@media (max-width: 767px) {
    .media.post-block {
        display: flex !important;
        flex-direction: column !important;
    }
    .media.post-block > a, .media-body { width: 100% !important; }
    .media.post-block > a { margin: 0 0 15px 0 !important; }
    .media.post-block img.img-fluid { width: 100% !important; height: auto !important; }
}



/* =============================================================
   THE EVENTS CALENDAR - MODO DARK TRANSPARENTE (STI)
   ============================================================= */

/* Agrupamento de seletores de modo escuro */
:is(.active-dark-mode, [data-theme="dark"], body.dark-mode) {

    /* 1. VARIÁVEIS GLOBAIS (Nativo V2) 
       Reduzimos a necessidade de repetir cores em vários seletores */
    --tec-color-background-view: transparent;
    --tec-color-background: transparent;
    --tec-color-background-events-bar: transparent;
    --tec-color-background-search-form: transparent;
    --tec-color-text-main: #ffffff;
    --tec-color-text-primary: #ffffff;
    --tec-color-text-view-selector: #ffffff;
    --tec-color-text-view-selector-list-item: #ffffff;
    --tec-color-text-event-date: #ffffff;
    --tec-color-background-primary: #29abe2; /* Azul STI */
    --tec-color-background-view-selector-list-item-hover: #29abe2;
    --tec-color-border-default: rgba(255, 255, 255, 0.1);

    /* 2. ESTRUTURA E FUNDOS TRANSPARENTES */
    .tribe-common,
    .tribe-events-header__events-bar,
    .tribe-events-calendar-month__day,
    .tribe-events-calendar-month__header-column,
    .tribe-events-calendar-list__event-details,
    .tribe-events-calendar-month__body,
    .tribe-events-calendar-month__grid,
    .tribe-events-c-view-selector__content,
    .tribe-events .tribe-events-c-events-bar__views {
        background-color: transparent !important;
        background: transparent !important;
        border-color: var(--tec-color-border-default) !important;
    }

    /* 3. NAVEGAÇÃO E ÍCONES */
    .tribe-common-c-svgicon path,
    .tribe-events-c-top-bar__nav-link svg path {
        fill: #ffffff !important;
    }

    .tribe-events-c-top-bar__nav-link.tribe-common-c-btn-icon {
        background-color: rgba(255, 255, 255, 0.05) !important;
        border: 1px solid var(--tec-color-border-default) !important;
    }

    .tribe-events-c-top-bar__nav-link:not(:disabled):hover {
        background-color: var(--tec-color-background-primary) !important;
    }

    /* 4. CABEÇALHOS E DATAS */
    .tribe-events-calendar-month__header-column-title,
    .tribe-events-calendar-month__day-date-daynum,
    .tribe-events-calendar-month__day-date-daynum time,
    .tribe-events-calendar-month__day-date-link,
    .tribe-events-widget-events-list__event-title-link,
    .tribe-events-c-view-selector__list-item-text {
        color: #ffffff !important;
        opacity: 1 !important;
    }

    .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
        color: var(--tec-color-background-primary) !important;
        font-weight: bold;
    }

    .tribe-events-calendar-month__day--other-month {
        opacity: 0.4 !important;
    }

    /* 5. INPUTS E DROPDOWNS (Melhoria de legibilidade) */
    .tribe-events-c-search__input {
        background-color: transparent !important;
        color: #ffffff !important;
        border-bottom: 1px solid var(--tec-color-border-default) !important;
    }

    .tribe-events-c-view-selector__button {
        background-color: rgba(255, 255, 255, 0.05) !important;
        color: #ffffff !important;
        border: 1px solid var(--tec-color-border-default) !important;
    }

    /* Elementos que precisam de fundo sólido para leitura */
    .tribe-events-c-subscribe-dropdown__list, 
    .datepicker {
        background-color: #333333 !important;
        border: none !important;
    }

    /* 6. WIDGETS E LISTAS */
    .tribe-events-widget-events-list {
        padding: 20px !important;
        background-color: #252525 !important;
    }

    .tribe-events-widget-events-list__event-date-tag,
    .tribe-events-calendar-list__event-date-tag-daynum {
        color: var(--tec-color-background-primary) !important;
        font-size: 2.5em !important;
        font-weight: bold;
        background: transparent !important;
    }

    /* 7. LINKS E DESTAQUES */
    .tribe-common .tribe-common-h2,
    .tribe-events-calendar-day__event-title-link,
    .tribe-events-calendar-list__event-title-link,
    .tribe-common a {
        color: var(--tec-color-background-primary) !important;
    }

    /* Datepicker active states */
    .tribe-events .datepicker :is(.day.active, .month.active, .year.active) {
        color: #ffffff !important;
        background-color: var(--tec-color-background-primary) !important;
    }
}
/* Seleciona o botão pelas classes específicas */
.tribe-events-c-subscribe-dropdown__button-text.tribe-common-c-btn--clear:hover,
.tribe-events-c-subscribe-dropdown__button-text.tribe-common-c-btn--clear:active,
.tribe-events-c-subscribe-dropdown__button-text.tribe-common-c-btn--clear:focus {
    color: #ffffff !important;
    transition: color 0.3s ease; /* Adiciona uma transição suave */
}
.tribe-events-c-subscribe-dropdown__button-text:hover svg path {
    fill: #ffffff !important;
}



h1.m-b-xs-0.axil-post-title.hover-line {
    color: #ffffff !important;
}