/* ══════════════════════════════════════════════════════════
   Vaizdo kilmės žyma — .va-io-badge
   Vienintelė vieta, kur žyma stilizuojama (formuluojama —
   inc/image-origin.php). Naudoja: skelbimo skaidrės, titulinio
   hero, bento plytelės, objekto galerija, planai, greitoji
   peržiūra, lightbox'as.
   ══════════════════════════════════════════════════════════ */

/* Fonas NEPERMATOMAS sąmoningai.
   Iki v2.60.0 žyma naudojo rgba(17,24,39,.78) — pusiau permatomą.
   Ant šviesaus kadro tekstas tada gaudavo NEŽINOMĄ kontrastą: jį
   lemdavo po žyma atsitiktinai pasitaikę pikseliai, tad reikalavimo
   4,5:1 nebuvo kaip nei užtikrinti, nei išmatuoti. Nepermatomas
   #0A172A su #fff duoda 17,9:1 nepriklausomai nuo nuotraukos. */
.va-io-badge {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 5;
    max-width: calc(100% - 24px);
    box-sizing: border-box;
    margin: 0;
    padding: 6px 12px;
    border-radius: 999px;
    background: #0A172A;
    color: #FFFFFF;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.2px;
    text-align: left;
    text-shadow: none;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
    /* Žyma niekada neperima paspaudimo: po ja gali gulėti Image Map Pro
       poligonas, galerijos plytelė ar nuoroda. */
    pointer-events: none;
}

/* Apatinis kampas — ten, kur viršuje kairėje jau kas nors yra
   (greitosios peržiūros kadro etiketė, lightbox'o uždarymas). */
.va-io-badge--bottom {
    top: auto;
    bottom: 12px;
}

/* Mažas variantas — galerijos plytelėms, kur kadras ~300 px platus. */
.va-io-badge--sm {
    left: 8px;
    top: 8px;
    padding: 4px 9px;
    font-size: 11px;
    max-width: calc(100% - 16px);
}
.va-io-badge--sm.va-io-badge--bottom {
    top: auto;
    bottom: 8px;
}

/* Lightbox'as: vaizdas centruotas ir jo kraštų iš anksto nežinome,
   tad žyma centruojama po juo, virš skaitliuko. */
.va-io-badge--ss {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 52px;
    transform: translateX(-50%);
    max-width: 88vw;
    text-align: center;
}

@media (max-width: 520px) {
    .va-io-badge {
        left: 8px;
        top: 8px;
        padding: 5px 10px;
        font-size: 11px;
        max-width: calc(100% - 16px);
    }
    .va-io-badge--bottom {
        top: auto;
        bottom: 8px;
    }
    /* v2.64.32 — `top: auto` BŪTINA ir čia: bendra mobili `.va-io-badge{top:8px}`
       taisyklė eina po bazinės `--ss{top:auto}`, ir su `bottom:46px` žyma
       išsitempdavo per visą ekraną (išmatuota 742 px aukščio). */
    .va-io-badge--ss {
        left: 50%;
        top: auto;
        bottom: 46px;
        max-width: 92vw;
    }
}

/* v2.64.32 — kai lightbox'e yra skirtukų juosta, žyma keliauja į ją (virš
   skaitiklio; `unit-visuals.js`), kad neuždengtų skirtukų. */
.va-ss-nav .va-io-badge--ss {
    position: static;
    transform: none;
    max-width: 100%;
    order: 4;
    pointer-events: none;
}

/* Judesio mažinimas nieko nekeičia — žyma neanimuota; taisyklės čia
   nėra sąmoningai. */