/* Generated by build.mjs for /hu/ pages. Don't edit: change the sources named below. */
/* ===== src/i18n/hu/locale.css ===== */
/* Hungarian (/hu/) fixes, added to assets/i18n/hu.css by the build (Hungarian pages only). */
/* Hungarian suffixed words ("vendéglátóhelyeire", "értékeléseket") can be wider than a phone column at heading sizes.
   On phones, let headings hyphenate (Hungarian dictionary via lang="hu"), but only long words (12+ letters), so short
   ones never split; a word breaks unhyphenated only as a last resort. Wider screens keep whole words (the big type is
   scaled to fit by assets/site.js instead). The pricing form's title also carries a soft hyphen at the compound
   ("vendéglátó­helyeire"), so it breaks there in a phone column even where the browser has no Hungarian
   hyphenation, instead of widening the form's grid and the page. */
@media (max-width:700px){h1,h2,h3,.statement{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 4;overflow-wrap:break-word}}
/* Long words in the small stat labels ("értékelőoldalra", "alkalmazást") hyphenate rather than break without a hyphen
   or run out of their bar or tile: the shared rule only hyphenates words of 12+ letters, too long for these bars. */
html[lang="hu"] body :is(.case-bar span,.rc-stat span,.fstats span,.stat-label,.rstats span){-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 3;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:3}
/* Contact form, desktop: "Cég vagy vendéglátóhely (nem kötelező)" takes two lines beside the one-line "A hely típusa",
   which pushed its input below the select next to it. Fields sit on their row's baseline, so the inputs line up. */
.contact-fields{align-items:end}
/* Feature heroes, the small cards beside the phone (review pages, platform overview): pills such as "Értékelésre meghívva"
   are wider than the English ones, and on desktop they squeezed the card's title to a word or two a line. Let the
   pill drop under the title when both don't fit (as Malay does). */
.kside .ui > .row{flex-wrap:wrap;row-gap:6px}