/* Seznam našich webů v patičce půjčovny (převzato z gril-centrum.cz).
   Roman 13. 10. 2026: „na každém webu je první ten, na kterém to je."
   Plamen je výřez původního loga, nikoli nová kresba. Souřadnice vycházejí z originálu 2121 × 741; poměr stran zůstává.
   Dělicí přímka barev prochází průhlednou mezerou mezi oběma plamínky. */
.pg-znacka-rozcestnik { --pg-logo-sirka: clamp(190px, 14vw, 250px); }
.pg-znacky {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 18px;
}
.pg-znacky .pg-znacka-odkaz {
  display: flex;
  align-items: center;
  gap: calc(var(--pg-logo-sirka) * 77 / 2121);
  width: var(--pg-logo-sirka);
  min-height: 44px;
  color: #fff;
}
.pg-znacky .pg-znacka-grilcentrum {
  position: relative;
  height: calc(var(--pg-logo-sirka) * 501 / 2121);
  overflow: hidden;
}
.pg-znacky .pg-znacka-grilcentrum img {
  position: absolute;
  top: calc(var(--pg-logo-sirka) * -104 / 2121);
  left: 0;
  width: var(--pg-logo-sirka);
  height: auto;
  max-width: none;
  margin: 0;
}
.pg-znacky .pg-plamen {
  position: relative;
  flex: 0 0 auto;
  width: calc(var(--pg-logo-sirka) * 289 / 2121);
  height: calc(var(--pg-logo-sirka) * 501 / 2121);
  background: #e30613;
  mask-image: url('/assets/grilcentrum-logo-white.png');
  mask-size: var(--pg-logo-sirka) auto;
  mask-position: 0 calc(var(--pg-logo-sirka) * -104 / 2121);
  mask-repeat: no-repeat;
}
.pg-znacka-highlife .pg-plamen { background: #fff; }
.pg-znacka-pujcovna .pg-plamen::after,
.pg-znacka-dily .pg-plamen::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #fff;
  clip-path: polygon(0 14%, 100% 86%, 100% 100%, 0 100%);
}
.pg-znacka-dily .pg-plamen::after { background: #a6a6a6; }
.pg-znacky .pg-znacka-nazev {
  font-size: calc(var(--pg-logo-sirka) * .067);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
.pg-znacky .pg-znacka-dily .pg-znacka-nazev {
  font-size: calc(var(--pg-logo-sirka) * .057);
}
.pg-znacky .pg-znacka-nazev small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  color: var(--pg-text);
}
@media (max-width: 700px) {
  .pg-znacka-rozcestnik { --pg-logo-sirka: 230px; }
}

/* Na menším notebooku se pět sloupců nevejde; použije se rozložení tabletu. */
@media (min-width: 1101px) and (max-width: 1200px) {
  .pg-rozcestnik .pg-horni { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 40px; }
  .pg-rozcestnik .pg-horni > * { padding: 0 24px 0 0; border-left: 0; }
  .pg-rozcestnik .pg-horni > .pg-znacka { grid-column: 1 / -1; }
  .pg-rozcestnik .pg-horni > .pg-kontakt { grid-column: 1 / 2; }
  .pg-rozcestnik .pg-horni > .pg-kontakt,
  .pg-rozcestnik .pg-horni > .pg-weber { padding-top: 32px; border-top: 2px solid var(--pg-zlata); }
  .pg-rozcestnik .pg-horni > .pg-weber { grid-column: 2 / -1; align-items: flex-start; }
  .pg-rozcestnik .pg-weber img { width: 220px; }
  .pg-rozcestnik .pg-weber p { font-size: 13px; }
  .pg-rozcestnik .pg-nadpis, .pg-rozcestnik .pg-sloupec a { font-size: 16px; }
}
/* Roman 13. 10. 2026: názvy webů v barvách jejich log —
   GRIL·NA·PUCENI.CZ červená/bílá/červená, HIGH·LIFE.CZ bílá/červená. */
.pg-znacky .pg-cervena { color: #ed1c24; }
.pg-znacky .pg-bila { color: #fff; }
/* Roman 13. 10. 2026: „velikost fontu a styl musí být stejný jako Grilcentrum."
   Nápis v logu je Montserrat — barevná část tučně, bílá normálně — a výška
   písmen je 142/2121 šířky loga (cap height Montserratu 0,70 em → 0,0957). */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/assets/pisma/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/assets/pisma/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.pg-znacky .pg-znacka-nazev,
.pg-znacky .pg-znacka-dily .pg-znacka-nazev {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: calc(var(--pg-logo-sirka) * .0957);
  font-weight: 400;
  letter-spacing: 0;
  color: #fff;
}
.pg-znacky .pg-znacka-nazev .pg-cervena { font-weight: 700; }
.pg-znacky .pg-znacka-nazev .pg-bila { font-weight: 700; } /* HIGH i NA tučně jako v logu Highlife a půjčovny */
/* Ve stejné velikosti se „NÁHRADNÍ DÍLY WEBER" na širokých displejích
   nevejde vedle plamínku — zalomí se, místo aby se uřízl. */
.pg-znacky .pg-znacka-dily .pg-znacka-nazev { white-space: normal; min-width: 0; }
.pg-znacky .pg-znacka-dily { min-width: 0; }
/* Roman 13. 10. 2026: „napiš jen DILYWEBER.CZ — DILY šedivě, WEBER.CZ červeně"
   (šedá jako spodní plamínek). Kratší nápis se vejde, zalamovat netřeba. */
.pg-znacky .pg-seda { color: #a6a6a6; font-weight: 700; }
.pg-znacky .pg-znacka-dily .pg-znacka-nazev { white-space: nowrap; }

/* Roman 13. 10. 2026: věta „Půjčovna grilů Weber — na den, víkend i celou
   sezónu." vedle seznamu webů, mezi loga a zlatou čáru, na jednom řádku.
   Na úzkých displejích, kde se vedle nevejde, zůstává pod logy. */
@media (min-width: 701px) {
  .pg-pujcovna .pg-znacka-rozcestnik {
    display: flex;
    align-items: center;
    gap: clamp(24px, 3vw, 56px);
  }
  .pg-pujcovna .pg-znacka-rozcestnik .pg-znacky { margin-bottom: 0; }
  .pg-pujcovna .pg-znacka-rozcestnik > p {
    flex: 1;
    max-width: none;
    margin: 0;
    text-align: center;
    white-space: nowrap;
  }
}

/* Roman 13. 10. 2026: GRILCENTRUM.CZ je teď taky písmem (dřív obrázek),
   aby si mohlo po najetí vyměnit barvy jako ostatní loga. */
.pg-znacky .pg-znacka-grilcentrum { height: auto; overflow: visible; }
/* Roman 13. 10. 2026: „když na to najedeš, musí se to měnit — co je bílé,
   je červené, a podobně vyměň barvy." Bílá ↔ červená, u dílů šedá ↔ červená,
   v plamínku si vymění barvu horní a spodní část. */
.pg-znacky .pg-plamen, .pg-znacky .pg-plamen::after,
.pg-znacky .pg-znacka-nazev, .pg-znacky .pg-znacka-nazev span { transition: color .2s, background-color .2s; }
.pg-znacky .pg-znacka-odkaz:hover .pg-znacka-nazev,
.pg-znacky .pg-znacka-odkaz:focus-visible .pg-znacka-nazev,
.pg-znacky .pg-znacka-odkaz:hover .pg-bila,
.pg-znacky .pg-znacka-odkaz:focus-visible .pg-bila { color: #ed1c24; }
.pg-znacky .pg-znacka-odkaz:hover .pg-cervena,
.pg-znacky .pg-znacka-odkaz:focus-visible .pg-cervena { color: #fff; }
.pg-znacky .pg-znacka-odkaz:hover .pg-plamen,
.pg-znacky .pg-znacka-odkaz:focus-visible .pg-plamen { background: #fff; }
.pg-znacky .pg-znacka-odkaz:hover .pg-plamen::after,
.pg-znacky .pg-znacka-odkaz:focus-visible .pg-plamen::after,
.pg-znacky .pg-znacka-highlife:hover .pg-plamen,
.pg-znacky .pg-znacka-highlife:focus-visible .pg-plamen { background: #e30613; }
.pg-znacky .pg-znacka-dily:hover .pg-seda,
.pg-znacky .pg-znacka-dily:focus-visible .pg-seda { color: #ed1c24; }
.pg-znacky .pg-znacka-dily:hover .pg-cervena,
.pg-znacky .pg-znacka-dily:focus-visible .pg-cervena { color: #a6a6a6; }
.pg-znacky .pg-znacka-dily:hover .pg-plamen,
.pg-znacky .pg-znacka-dily:focus-visible .pg-plamen { background: #a6a6a6; }
/* Bílá část GRILCENTRUM.CZ je v originálním logu polotučná. */
.pg-znacky .pg-znacka-grilcentrum .pg-znacka-nazev { font-weight: 500; }
.pg-znacky .pg-znacka-odkaz { text-decoration: none; }

/* Roman 13. 10. 2026: nahoře v hlavičce logo GRILNAPUCENI.CZ (dřív
   GRILCENTRUM.CZ) — stejně velké jako dřívější logo, 205 px šířky loga. */
.r-header-inner .r-logo-znacka { --pg-logo-sirka: 205px; margin: 0; }
.r-header-inner .r-logo-znacka .pg-znacka-odkaz { width: auto; min-height: 0; }
.r-logo:hover .pg-znacka-nazev { color: #ed1c24; }
.r-logo:hover .pg-cervena { color: #fff; }
.r-logo:hover .pg-plamen { background: #fff; }
.r-logo:hover .pg-plamen::after { background: #e30613; }
/* GRILCENTRUM.CZ pod čarou hlavičky vpravo, v řádku „Přepni si na jiný vzhled“. */
.theme-picker-title .r-picker-grilcentrum {
  --pg-logo-sirka: 190px;
  margin: 0 0 0 auto;
  align-self: center;
  font-size: initial;
  line-height: normal;
}
.theme-picker-title .r-picker-grilcentrum .pg-znacka-odkaz { width: auto; min-height: 0; }
.theme-picker-title .r-picker-grilcentrum + .jazyky { margin-left: clamp(16px, 2vw, 32px); }
@media (max-width: 760px) {
  .r-header-inner .r-logo-znacka { --pg-logo-sirka: 165px; }
  .theme-picker-title .r-picker-grilcentrum { --pg-logo-sirka: 150px; }
}
/* Text loga nemá průhledný okraj jako dřívější obrázek — vyrovnání -19 px už netřeba. */
.r-header .r-header-inner .r-logo { margin-left: 0; }
/* Řádek „Přepni si…“ má vlastní styl pro všechna span (malé šedé písmo);
   logo v něm i logo v hlavičce si proto barvy a velikost drží výslovně. */
.r-header .r-logo, .r-header .r-logo:hover, .theme-picker-title .r-picker-grilcentrum a { text-decoration: none; }
html body .theme-picker-title > span.r-picker-grilcentrum { display: flex; margin: 0 0 0 auto; --pg-logo-sirka: 150px; }
.theme-picker-title .r-picker-grilcentrum .pg-znacka-nazev { display: inline; margin: 0; font-size: calc(var(--pg-logo-sirka) * .0957); font-weight: 500; color: #fff; }
.theme-picker-title .r-picker-grilcentrum .pg-znacka-nazev .pg-cervena { display: inline; margin: 0; font-size: inherit; font-weight: 700; color: #ed1c24; }
.theme-picker-title .r-picker-grilcentrum a:hover .pg-znacka-nazev,
.theme-picker-title .r-picker-grilcentrum a:focus-visible .pg-znacka-nazev { color: #ed1c24; }
.theme-picker-title .r-picker-grilcentrum a:hover .pg-znacka-nazev .pg-cervena,
.theme-picker-title .r-picker-grilcentrum a:focus-visible .pg-znacka-nazev .pg-cervena { color: #fff; }
.r-header .r-logo .pg-znacka-nazev { color: #fff; }
.r-header .r-logo .pg-cervena { color: #ed1c24; }
.r-header .r-logo .pg-bila { color: #fff; }
.r-header .r-logo:hover .pg-cervena, .r-header .r-logo:focus-visible .pg-cervena { color: #fff; }
.r-header .r-logo:hover .pg-bila, .r-header .r-logo:focus-visible .pg-bila { color: #ed1c24; }
@media (max-width: 760px) { html body .theme-picker-title > span.r-picker-grilcentrum { --pg-logo-sirka: 130px; } }
/* Na mobilu drží pravý okraj vlajky; logo jde na vlastní řádek pod text, aby se s nimi nepřekrylo. */
@media (max-width: 800px) { html body .theme-picker-title > span.r-picker-grilcentrum { flex-basis: 100%; margin: 2px 0 0; } }
footer .pg-znacky a.pg-znacka-odkaz:hover, .pg-znacky a.pg-znacka-odkaz:hover, .pg-znacky a.pg-znacka-odkaz:hover span { text-decoration: none; }