/**
 * ReporterX Ads — reporterx-ads.css (v1.0.0)
 * Stilovi za reklamne slotove i "sponzorisan sadržaj" bedž.
 * Koristi --color-* CSS varijable koje ReporterX tema postavlja
 * (automatski se uklapa u aktivnu temu/preset), sa fallback
 * vrednostima za slučaj da neka druga tema ne definiše te varijable.
 */

/* =============================================
   AD MANAGER
   Minimalan, neutralan okvir — reklamni kod diktira sopstveni izgled.
   "Reklama" oznaka je radi transparentnosti prema čitaocu (i
   uobičajena EU/ZOK regulatorna praksa za obeležavanje oglašenog
   sadržaja).
   ============================================= */
.rx-ad-slot {
    margin: 24px auto;
    max-width: 100%;
    text-align: center;
    min-height: 2px; /* sprečava layout shift dok se lazy-load ne aktivira */
}

.rx-ad-slot:has(> template:only-child) {
    margin: 0; /* nema vidljivog razmaka dok slot nije aktiviran */
}

.rx-ad-slot::before {
    content: "Reklama";
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-text-muted, #888);
    margin-bottom: 6px;
}

.rx-ad-slot template {
    display: none;
}

/* =============================================
   SPONZORISAN SADRŽAJ
   Vidljiva oznaka, zakonska obaveza za obeleženi/plaćeni sadržaj.
   Outline stil (bez pune boje) da se jasno razlikuje od kategorije,
   a ne dominira/kosi se sa akcent bojom koju sajt koristi.
   ============================================= */
.rx-sponsored-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 10px;
    border-radius: 3px;
    background: transparent;
    border: 1px solid var(--color-border, #444);
    color: var(--color-text-muted, #999);
    text-decoration: none;
    margin-bottom: 4px;
    margin-right: 6px;
    vertical-align: middle;
    transition: opacity .15s;
    /* Bez ova tri svojstva, bedž se u flex kontejnerima (npr. hero
       kartica sa align-items:stretch) razvlačio na punu širinu. */
    white-space: nowrap;
    flex-shrink: 0;
    align-self: flex-start;
}
a.rx-sponsored-badge:hover { opacity: .7; border-color: var(--color-text-muted, #999); }

.rx-sponsored-badge-full {
    font-size: 11px;
    padding: 4px 12px;
    margin-bottom: 12px;
    display: inline-block;
    width: fit-content;
}