/* Úrovne produktov — frontend badge štýly (v5.0.0, enqueued) */

/* === Plný badge (single produkt) === */
.uroven-nalepka{
    color:#fff;
    padding:4px 17px;
    font-size:12px;
    border-radius:.357em;
    display:inline-block;
    margin-bottom:15px;
}
@media only screen and (max-width:680px){
    .uroven-nalepka{ top:10px; margin-bottom:25px; }
}
.uroven-nalepka i{ margin-right:6px; }
.uroven-nalepka.bold{ font-weight:600 !important; }
.single-product .uroven-nalepka{ position:relative; }

/* === Skrátený badge v loope/kategóriách (#2) — kruh so začiatočným písmenom, FA-nezávislý (#9) ===
   Umiestnenie: na OPAČNEJ strane než brand logo (vpravo), zarovnané k riadku brand loga.
   Brand logo (.gastro-brand-logo-list) ostáva vľavo; badge plávajú vpravo a negatívny margin ich
   zdvihne na riadok brand loga. Hodnota margin-top laditeľná podľa výšky loga (~22px + medzera). */
.uroven-loop-wrap{
    display:inline-flex;
    gap:5px;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
    float:right;
    margin-top:-32px;
    position:relative;
    z-index:2;
}
.uroven-nalepka-mini{
    display:inline-flex;
    align-items:center;                          /* vertikálne centrovanie */
    justify-content:center;                      /* horizontálne centrovanie */
    min-width:34px;
    /* Asymetrický padding (hore +2px) opticky vycentruje VEĽKÉ písmená – font má pod nimi
       descender priestor, takže pri symetrickom centrovaní sedia vyššie. Bez fixnej výšky. */
    padding:6px 8px 4px;
    border-radius:.357em;                        /* zaoblený štítok – rovnaký rádius ako plný badge */
    color:#fff;
    font-size:10px;
    font-weight:700;                             /* ako tučné GASTRO v logu */
    line-height:1;
    white-space:nowrap;
    box-shadow:0 1px 3px rgba(0,0,0,.2);
    cursor:pointer;
    position:relative;
    -webkit-user-select:none;
    user-select:none;
}

/* === Tooltip === */
.nalepka-tooltip{ position:relative; display:inline-block; cursor:pointer; }
.nalepka-tooltip .tooltiptext{
    visibility:hidden;
    width:370px;
    max-width:90vw;
    background-color:#fff;
    color:gray;
    margin-left:15px;
    padding:10px;
    border-radius:5px;
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-35%);
    opacity:0;
    transition:opacity .4s;
    font-size:11px;
    z-index:99;
    box-shadow:0 2px 10px rgba(0,0,0,.15);
}
/* mini badge má užší tooltip */
.uroven-nalepka-mini .tooltiptext{ width:auto; min-width:120px; max-width:240px; white-space:normal; }

/* hover (desktop) */
.nalepka-tooltip:hover .tooltiptext{ visibility:visible; opacity:1; }

/* FIX (5.0.0 / #3): mobile (tap) + klávesnica (focus) — tooltip cez .is-open / :focus-within */
.nalepka-tooltip.is-open > .tooltiptext,
.nalepka-tooltip:focus-within > .tooltiptext{ visibility:visible !important; opacity:1 !important; }

/* a11y focus indikátor */
.nalepka-tooltip:focus,
.nalepka-tooltip:focus-visible{ outline:2px solid #2756A0; outline-offset:2px; border-radius:3px; }