/* ══════════════════════════════════════════════════════
   93 Notícias — Paleta Azul Sertão v1.0
   Brand: #0040A0 (do logo)
   ══════════════════════════════════════════════════════ */

:root {
    /* Brand blue (logo-aligned) */
    --n93-blue-deep:  #0040A0;
    --n93-blue-mid:   #1565C0;
    --n93-blue-soft:  #3B7DD8;
    --n93-blue-tint:  #EBF0FA;

    /* Paper + Ink */
    --n93-paper:      #FCFBF7;
    --n93-paper-alt:  #F4F3EE;
    --n93-line:       #D8DCE3;
    --n93-ink-soft:   #6B7585;
    --n93-ink-mid:    #3A4552;
    --n93-ink-black:  #0F1419;

    /* Semantic */
    --n93-breaking:   #C8302E;
    --n93-breaking-dk:#8F1A18;
    --n93-success:   #2E7D4F;
    --n93-warning:   #C67A0E;
    --n93-info:      #2A7BB3;

    /* Footer */
    --n93-footer-bg: #0A1628;

    /* Elementor Global Colors OVERRIDE */
    --e-global-color-primary:    #0040A0 !important;
    --e-global-color-secondary:  #1565C0 !important;
    --e-global-color-text:       #0F1419 !important;
    --e-global-color-accent:     #C8302E !important;

    /* Hello Elementor theme vars */
    --accent-color: #0040A0;
    --text-color:   #0F1419;
}

/* Body base */
body {
    background-color: var(--n93-paper);
    color: var(--n93-ink-black);
}

/* Links (exceto botões, skip link, social icons) */
a:not(.elementor-button):not(.wp-block-button__link):not(.n93-skip-link):not([class*="social"]):not([href*="facebook"]):not([href*="instagram"]):not([href*="youtube"]):not([href*="tiktok"]):not([href*="twitter"]):not([href*="threads"]):not([href*="whatsapp"]) {
    color: var(--n93-blue-deep);
}
a:not(.elementor-button):hover {
    color: var(--n93-blue-mid);
}

/* Headings editoriais */
.entry-title,
.single .entry-title,
.post-title,
article h1,
article h2 {
    color: var(--n93-ink-black);
}

/* Botão com transição suave */
.elementor-button:not([class*="social"]) {
    transition: background-color 0.2s ease, transform 0.15s ease;
}

/* Categoria / tag estilo jornal */
.category,
.post-categories a,
.tag-cloud-link {
    background: var(--n93-blue-tint);
    color: var(--n93-blue-deep);
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}

/* Breaking news (categorias urgentes) */
.category.urgente a,
.category[class*="breaking"] a,
a.cat-urgente,
a.cat-breaking,
.post-categories a[href*="urgente"],
.post-categories a[href*="ultima-hora"] {
    background: var(--n93-breaking);
    color: #FFFFFF;
}

/* Meta info */
.entry-meta,
.post-meta,
.byline,
time.entry-date,
.jet-listing-dynamic-meta__item,
.elementor-post-info {
    color: var(--n93-ink-soft);
}

/* HR */
hr {
    border-color: var(--n93-line);
    border-width: 1px 0 0 0;
}

/* Form focus */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--n93-blue-deep);
    outline: 2px solid rgba(0, 64, 160, 0.2);
    outline-offset: 1px;
}

/* Text selection */
::selection {
    background: var(--n93-blue-deep);
    color: #FFFFFF;
}

/* Não tocar em: ads, CookieYes */
ins.adsbygoogle,
div[id*="mgid"],
div[id*="taboola"],
div[id*="cookieyes"],
.cky-consent-container {
    background: initial;
    color: initial;
}

/* ══════════════════════════════════════════════════════
   Mobile — redução de gaps excessivos entre seções
   Conservador: -30% do espaço, sem forçar !important em todos
   ══════════════════════════════════════════════════════ */
@media (max-width: 767px) {
    /* Containers Elementor v3 (e-con = container moderno) */
    .elementor-element.e-con {
        --padding-top: 12px;
        --padding-bottom: 12px;
    }

    /* Se o container tem padding grande herdado (>30px) → reduzir no mobile */
    .elementor-element.e-con.e-parent {
        padding-top: clamp(10px, 2vw, 20px);
        padding-bottom: clamp(10px, 2vw, 20px);
    }

    /* Sections legacy Elementor v2 (fallback) — só se existirem */
    .elementor-section .elementor-row {
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Espaçamento entre cards de notícia no loop-grid */
    .elementor-loop-container .elementor-post,
    .jet-listing-grid__items .jet-listing-grid__item {
        margin-bottom: 8px;
    }

    /* Título das seções ("BRASIL", "MUNDO", "POLÍTICA") — menos margem */
    .elementor-widget-heading .elementor-heading-title {
        margin-top: 8px;
        margin-bottom: 6px;
    }
}

/* Scrollbar (Webkit) */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--n93-paper-alt); }
::-webkit-scrollbar-thumb { background: var(--n93-blue-soft); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--n93-blue-deep); }

/* ══════════════════════════════════════════════════════
   Core Business — Share buttons + Leia Também + Ad Local
   Injetados via MU-plugin 93noticias-core.php
   ══════════════════════════════════════════════════════ */

/* Share buttons (topo do artigo) */
.n93-share-top {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 24px 0;
    padding: 12px 0;
    border-bottom: 1px solid var(--n93-line);
}
.n93-share-top .n93-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 4px;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    transition: opacity 0.15s ease, transform 0.1s ease;
}
.n93-share-top .n93-share-btn:hover {
    opacity: 0.88;
    transform: translateY(-1px);
}
.n93-share-top .n93-share-btn svg { flex-shrink: 0; }
.n93-share-top .n93-share-whatsapp { background: #25D366; }
.n93-share-top .n93-share-telegram { background: #0088CC; }
.n93-share-top .n93-share-facebook { background: #1877F2; }
.n93-share-top .n93-share-x        { background: #000000; }

@media (max-width: 520px) {
    .n93-share-top .n93-share-btn span { display: none; }
    .n93-share-top .n93-share-btn { padding: 10px 12px; }
}

/* Share buttons DO FIM do artigo (CTA destacado — conversão alta) */
.n93-share-cta {
    font-size: 17px;
    font-weight: 700;
    color: var(--n93-ink-black);
    margin: 32px 0 10px 0 !important;
    text-align: center;
    line-height: 1.3;
}
.n93-share-cta::before { content: "👉 "; }

.n93-share-top.n93-share-bottom {
    justify-content: center;
    gap: 12px;
    margin: 8px 0 32px 0;
    padding: 16px 0 20px 0;
    border-bottom: none;
    border-top: 2px solid var(--n93-blue-deep);
    background: linear-gradient(180deg, rgba(0, 64, 160, 0.03) 0%, transparent 100%);
}
.n93-share-top.n93-share-bottom .n93-share-btn {
    padding: 12px 22px;
    font-size: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.n93-share-top.n93-share-bottom .n93-share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
@media (max-width: 520px) {
    .n93-share-top.n93-share-bottom { flex-wrap: wrap; }
    .n93-share-top.n93-share-bottom .n93-share-btn span { display: inline; }
    .n93-share-top.n93-share-bottom .n93-share-btn {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
        padding: 14px 10px;
    }
}

/* Leia também (box pós-parágrafo 2) */
.n93-leia-tambem {
    border-left: 4px solid var(--n93-blue-deep);
    background: var(--n93-paper-alt);
    padding: 14px 18px;
    margin: 24px 0;
    border-radius: 0 4px 4px 0;
}
.n93-leia-tambem-label {
    display: block;
    color: var(--n93-blue-deep);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 6px;
}
.n93-leia-tambem-link {
    color: var(--n93-ink-black) !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.35;
    display: inline-block;
}
.n93-leia-tambem-link:hover {
    color: var(--n93-blue-deep) !important;
    text-decoration: underline !important;
}

/* ══════════════════════════════════════════════════════
   Cores Vivas — polimento visual (imagens + hover)
   NÃO altera cor de títulos (manter #0F1419 preto-tinta)
   ══════════════════════════════════════════════════════ */

/* Imagens de post (thumbnails, featured images) — arredondar + shadow sutil + hover scale */
.elementor-post__thumbnail img,
article.post img.wp-post-image,
.jet-listing-dynamic-image img,
.n93-leia-tambem img {
    border-radius: 6px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 64, 160, 0.06);
}
.elementor-post__thumbnail a:hover img,
article.post a:hover img.wp-post-image,
.jet-listing-dynamic-image a:hover img {
    transform: scale(1.02);
    box-shadow: 0 6px 18px rgba(0, 64, 160, 0.1);
}

/* Excluir explicitamente: banner de anúncio local (não deve ter scale/shadow — parece nativo) */
.n93-ad-local img {
    border-radius: 4px;
    transition: none;
    box-shadow: none;
    transform: none;
}
.n93-ad-local a:hover img {
    transform: none;
    box-shadow: none;
}

/* Ad Local (slot parceiro) */
.n93-ad-local {
    margin: 28px 0;
    text-align: center;
    padding: 12px;
    background: var(--n93-paper-alt);
    border-radius: 4px;
}
.n93-ad-local-label {
    display: block;
    font-size: 9px;
    color: var(--n93-ink-soft);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: 600;
}
.n93-ad-local img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
}