/* 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: #387bff; }
.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 modře, WEBER.CZ červeně"
   (modrá jako spodní plamínek). Kratší nápis se vejde, zalamovat netřeba. */
.pg-znacky .pg-seda { color: #387bff; 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;
  }
}

/* Náhradní díly (Roman 13. 10. 2026): weby vedle sebe pod tlačítky patičky. */
.footer-weby { margin: 1.4rem 0 1rem; }
.pg-znacky.pg-znacky-vedle { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 14px clamp(24px, 3vw, 48px); margin: 0; }
.pg-znacky.pg-znacky-vedle .pg-znacka-odkaz { width: auto; text-decoration: none; }
.pg-znacky.pg-znacky-vedle .pg-znacka-grilcentrum { width: var(--pg-logo-sirka); }

/* Hlavička náhradních dílů (Roman 13. 10. 2026): vlevo DILYWEBER.CZ místo
   loga GRILCENTRUM.CZ, za ním oříznutý banner WEBER SERVIS | Weber.
   Šířka značky odpovídá šířce, kterou v původním banneru mělo logo
   GRILCENTRUM (584 z 1600 px), takže hlavička drží původní proporce. */
.masthead-home { align-items: center; }
.masthead-home .masthead-dily {
  --pg-logo-sirka: clamp(139px, 16.8vw, 277px);
  flex: 0 0 auto;
  margin: 0;
}
.masthead-home .masthead-dily .pg-znacka-odkaz { width: auto; min-height: 0; }
body[data-screen="intro"] .masthead-home img { width: clamp(241px, 29.2vw, 483px); }
/* GRILCENTRUM.CZ v pravém rohu pod čarou hlavičky, na pravé ose s telefonem. */
.service-top { position: relative; }
.service-grilcentrum {
  position: absolute;
  z-index: 2;
  top: .9rem;
  right: clamp(1rem, 2vw, 2.5rem);
  --pg-logo-sirka: clamp(150px, 13vw, 230px);
  margin: 0;
}
@media (max-width: 760px) {
  .masthead-home .masthead-dily { --pg-logo-sirka: 34vw; }
  body[data-screen="intro"] .masthead-home img { width: 58vw; }
  .service-grilcentrum { position: static; --pg-logo-sirka: 150px; width: max-content; margin: .4rem 0 0 auto; }
}

/* 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ů modrá ↔ č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: #387bff; }
.pg-znacky .pg-znacka-dily:hover .pg-plamen,
.pg-znacky .pg-znacka-dily:focus-visible .pg-plamen { background: #387bff; }
/* 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; }
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; }
/* Roman 13. 10. 2026: loga webů v patičce přímo pod tlačítky (jsou uvnitř
   horního pruhu patičky, přes celou šířku mřížky). */
.footer-topline .footer-weby { grid-column: 1 / -1; margin: 0; }
/* Roman 13. 10. 2026: banner WEBER SERVIS | Weber uprostřed mezi logem
   DILYWEBER.CZ a výzvou „Máte rozbitý…“. Výzva zůstává na svém místě:
   co banner získá zleva, ubere se z odsazení výzvy. */
@media (min-width: 761px) {
  body[data-screen="intro"] .masthead-home #brandBanner {
    margin-left: calc((clamp(1rem, 3vw, 2.6rem) + clamp(2.5rem, 5vw, 5.5rem)) / 2);
  }
  body[data-screen="intro"] .masthead-vyzva {
    padding-left: calc((clamp(2.5rem, 5vw, 5.5rem) - clamp(1rem, 3vw, 2.6rem)) / 2);
  }
}