/*
 * Grafické hvězdičky kategorie hotelu - sdílená komponenta
 * (msn_hotel_hvezdy_html() v inc/hotel-typ.php), vykreslovaná na
 * nadpisu stránky hotelu, poptávkovém panelu, popupu na mapě, v
 * adresáři hotelů, a teď i na kartách hotelu na homepage/detailu země
 * (template-parts/hotel-card.php, hotel-offer-card.php).
 *
 * PŮVODNĚ součást hotel-single.css (odtud vyňato) - tenhle soubor je
 * ale malý/samostatný a potřebují ho i stránky, které zbytek
 * hotel-single.css (rezervační panel, galerie, mapa...) vůbec
 * nepoužívají (homepage, detail země) - zvlášť soubor tak nezatěžuje
 * tyhle stránky o ~25 KB nepoužitého CSS jen kvůli pár hvězdičkám.
 * Enqueue viz inc/hotel-typ.php (msn_hotel_stars_enqueue) - všude, kde
 * se msn_hotel_hvezdy_html() může vypsat: is_singular('hotel'),
 * msn_hotel_adresar_is_page(), is_tax('zeme'), is_front_page().
 *
 * Velikost v "em" - hvězdičky se přizpůsobí písmu okolního textu (h1,
 * malý popup, i vlastní font-size na kartě - viz .msn-hotel-offer-card
 * -stars / .home-hotel-card-stars). Jemný tmavší obrys drží žlutou
 * #feda32 čitelnou i na bílém/krémovém podkladu.
 */
.msn-hotel-stars {
    display: inline-flex;
    align-items: center;
    gap: .06em;
    color: #feda32;
    line-height: 1;
    white-space: nowrap;
    vertical-align: .12em;
}

.msn-hotel-star {
    width: .6em;
    height: .6em;
    fill: currentColor;
    stroke: rgba(138, 104, 0, .45);
    stroke-width: 1.2;
    stroke-linejoin: round;
}

.msn-hotel-stars-plus {
    color: #feda32;
    font-weight: 800;
    line-height: 1;
    -webkit-text-stroke: .6px rgba(138, 104, 0, .55);
}

/* "+" jako horní index (alternativa) */
.msn-hotel-stars--plus-sup .msn-hotel-stars-plus {
    font-size: .5em;
    align-self: flex-start;
    margin-left: .04em;
    transform: translateY(-.15em);
}

/* "+" v řádku, stejně velký jako hvězdička (výchozí) */
.msn-hotel-stars--plus-inline .msn-hotel-stars-plus {
    font-size: .62em;
    margin-left: .06em;
}

/*
 * Velikost na kartách hotelu (homepage "Vybrané hotely" i "Prozkoumejte
 * naše hotely a apartmány" na detailu země) - .msn-hotel-stars je v
 * "em", takže bez vlastního font-size by zdědila drobné písmo okolí
 * karty. Cílová výsledná velikost hvězdiček přibližně odpovídá tomu,
 * jak vychází na stránce hotelu (.hotel-header h1, font-size
 * clamp(28px, 4vw, 42px) × 0.6em) - tady o něco menší, ať se vejde do
 * rohu malé fotky karty, ale zůstane čitelná.
 */
.msn-hotel-offer-card-stars,
.home-hotel-card-stars {
    font-size: clamp(22px, 2.6vw, 30px);
}