/* ================================================================
   A.E.C — GOVERNANÇA ESTÉTICA v3 | Frontend CSS
   Agenda Positiva / Antigravity
   Escopo: Elementor Loop Items + JetPlugins Smart Tiles

   Tokens referenciados do Design System (design/tokens.css):
   --color-accent-red:   #CC0000
   --color-text:         #1A1A1A
   ================================================================ */

/* Design tokens locais — fallback se tokens.css não carregado */
:root {
    --aec-badge-color:      #8B0000;
    --aec-badge-hover:      #CC0000;
    --aec-font-stack:       'Inter', -apple-system, BlinkMacSystemFont,
                            'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}


/* ----------------------------------------------------------------
   PERFORMANCE — contain evita reflow cascata nos cards
   ---------------------------------------------------------------- */
.e-loop-item,
.jet-smart-tiles__box {
    contain: layout style !important;
}


/* ----------------------------------------------------------------
   SEÇÃO 1 — BADGE / SELO DE CATEGORIA
   Alvo semântico — não depende de IDs gerados pelo Elementor
   ---------------------------------------------------------------- */
.e-loop-item .elementor-heading-title a,
.jet-smart-tiles__box .elementor-heading-title a {
    background-color: transparent                  !important;
    background:       transparent                  !important;
    color:            var(--aec-badge-color)        !important;
    border:           none                         !important;
    border-bottom:    2px solid var(--aec-badge-color) !important;
    padding:          0                            !important;
    text-transform:   uppercase                    !important;
    font-size:        10px                         !important;
    font-weight:      800                          !important;
    letter-spacing:   1.5px                        !important;
    text-decoration:  none                         !important;
    display:          inline                       !important;
    will-change:      color, border-color          !important;
    transition:       color 0.15s ease,
                      border-color 0.15s ease      !important;
}

.e-loop-item .elementor-heading-title a:hover,
.jet-smart-tiles__box .elementor-heading-title a:hover {
    color:        var(--aec-badge-hover) !important;
    border-color: var(--aec-badge-hover) !important;
}

/* :focus-visible — ring apenas para navegação por teclado, nunca por clique */
.e-loop-item .elementor-heading-title a:focus-visible,
.jet-smart-tiles__box .elementor-heading-title a:focus-visible {
    outline:        2px solid var(--aec-badge-hover) !important;
    outline-offset: 2px                              !important;
    border-color:   transparent                      !important;
}


/* ----------------------------------------------------------------
   SEÇÃO 2 — EXTERMÍNIO DE CANTOS REDONDOS
   ---------------------------------------------------------------- */
.e-loop-item img,
.e-loop-item picture,
.e-loop-item figure,
.e-loop-item .elementor-image-box-img,
.e-loop-item .wp-post-image,
.jet-smart-tiles__box img,
.jet-smart-tiles__box picture,
.jet-smart-tiles__box figure {
    border-radius: 0    !important;
    box-shadow:    none !important;
    clip-path:     none !important;
}

/* Wrapper restrito: apenas .elementor-widget-container filho direto de widget de imagem */
.e-loop-item .elementor-widget-image > .elementor-widget-container,
.jet-smart-tiles__box .elementor-widget-image > .elementor-widget-container {
    border-radius: 0      !important;
    overflow:      hidden !important;
}


/* ----------------------------------------------------------------
   SEÇÃO 3 — ASPECT RATIO 16:9 NAS IMAGENS DE CAPA
   Garante consistência visual em grades com imagens de tamanhos
   variados vindas do WordPress
   ---------------------------------------------------------------- */
.e-loop-item .wp-post-image,
.e-loop-item .elementor-post__thumbnail img,
.jet-smart-tiles__box .wp-post-image,
.jet-smart-tiles__box .elementor-post__thumbnail img {
    aspect-ratio: 16 / 9  !important;
    object-fit:   cover   !important;
    width:        100%    !important;
    display:      block   !important;
}


/* ----------------------------------------------------------------
   SEÇÃO 4 — TIPOGRAFIA OBRIGATÓRIA
   h4 incluído; font stack com fallbacks para FOUT zero
   ---------------------------------------------------------------- */
.e-loop-item h1,
.e-loop-item h2,
.e-loop-item h3,
.e-loop-item h4,
.jet-smart-tiles__box h1,
.jet-smart-tiles__box h2,
.jet-smart-tiles__box h3,
.jet-smart-tiles__box h4 {
    font-family:             var(--aec-font-stack)    !important;
    line-height:             1.1                      !important;
    font-weight:             800                      !important;
    letter-spacing:          -0.5px                   !important;
    text-rendering:          optimizeLegibility        !important;
    -webkit-font-smoothing:  antialiased              !important;
    -moz-osx-font-smoothing: grayscale                !important;
}

.e-loop-item h1 a, .e-loop-item h2 a,
.e-loop-item h3 a, .e-loop-item h4 a,
.jet-smart-tiles__box h1 a, .jet-smart-tiles__box h2 a,
.jet-smart-tiles__box h3 a, .jet-smart-tiles__box h4 a {
    text-decoration: none    !important;
    color:           inherit !important;
}


/* ----------------------------------------------------------------
   SEÇÃO 5 — PRINT
   Remove tokens de cor e sombras para impressão limpa
   ---------------------------------------------------------------- */
@media print {
    .e-loop-item .elementor-heading-title a,
    .jet-smart-tiles__box .elementor-heading-title a {
        color:        #000 !important;
        border-bottom: 1px solid #000 !important;
        transition:   none !important;
    }
}