/**
 * Psyche - STYLE ARTYKULU SPONSOROWANEGO
 * Ladowane wylacznie na reklama/artykul-render.php
 */

.etykieta-sponsorowany {
    display: inline-block;
    background: var(--gradient-fiolet);
    color: #fff;
    font-family: var(--f-mono);
    font-size: var(--r-xs);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 100px;
    margin-bottom: var(--o-4);
}

.baner-odliczania-publikacji {
    background: var(--c-tlo2);
    border: 1px solid var(--c-ramka);
    color: var(--c-tekst);
    border-radius: 14px;
    padding: var(--o-4);
    margin-bottom: var(--o-6);
    font-size: var(--r-sm);
    line-height: 1.5;
}
.baner-odliczania-publikacji .js-odliczanie { font-weight: 700; color: var(--c-fiolet); }
.formularz-hasla-podgladu { display: flex; gap: var(--o-2); align-items: center; margin-top: var(--o-3); flex-wrap: wrap; }
.formularz-hasla-podgladu input[type="password"] { padding: var(--o-2) var(--o-3); border: 1px solid var(--c-ramka); border-radius: 8px; font-size: var(--r-sm); min-width: 200px; background: var(--c-powierzchnia); color: var(--c-tekst); }
.formularz-hasla-podgladu button { padding: var(--o-2) var(--o-4); background: var(--gradient-fiolet); color: #fff; border: none; border-radius: 8px; font-size: var(--r-sm); font-weight: 600; cursor: pointer; }
.blad-hasla-podgladu { width: 100%; color: #ff8080; font-size: var(--r-xs); margin-top: var(--o-1); }

/* Banery powiazane z zamowieniem - klasy generowane przez root
   reklama/artykul-render.php (renderBanerPozycja), nie tlumaczyc nazw */
.artspon-baner { margin: var(--o-6) 0; text-align: center; }
.artspon-baner img { max-width: 100%; height: auto; border-radius: 10px; }
.artspon-baner a { color: var(--c-fiolet); }
.artspon-baner--naglowek,
.artspon-baner--sidebar {
    padding: var(--o-4);
    background: var(--c-tlo2);
    border: 1px solid var(--c-ramka);
    border-radius: 14px;
}