/* Same shell as csas.cz: the page is the window. The blue bar is at most
   1380px and stays 32px off the screen edges. The footer is edge to edge.
   The text column is 1170px, which is the bank column at 1440. */

html,
body {
  margin: 0;
  background: #fff;
}

html {
  overflow-x: hidden;
}

[data-part^="01"],
[data-part^="02"],
[data-part^="03"],
[data-part^="04"] {
  width: 100% !important;
  max-width: none !important;
}

[data-part="Překrytí e-mailového okna"] {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  background-color: #0B1F42A6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  overflow: auto !important;
  z-index: 40 !important;
}

[data-part="Dialog · e-mail na vstupenku"] {
  margin: 0 auto !important;
  flex-shrink: 0 !important;
}

@media (min-width: 900px) {
  [data-part="Hlavička stránky"] {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  [data-part="Záhlaví podle csas.cz"] {
    width: min(1380px, calc(100% - 64px)) !important;
    max-width: 1380px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  [data-part="Hokejový hero"] {
    width: 100% !important;
  }

  [data-part="Hokejový hero"] [data-part="Záhlaví podle csas.cz"] {
    right: 0 !important;
    left: 0 !important;
  }

  [data-part="Fotografie hokejové arény"],
  [data-part="Ztmavení fotografie pro čitelnost"] {
    width: 100% !important;
  }

  [data-part="Text nabídky"] {
    left: max(16px, calc((100% - 1170px) / 2)) !important;
    width: min(620px, calc(100% - 32px)) !important;
  }

  [data-part="Domácí utkání"] {
    left: max(16px, calc((100% - 1170px) / 2)) !important;
    width: min(1170px, calc(100% - 32px)) !important;
  }

  [data-part="Jak získat vstupenku"],
  [data-part="Informace o nabídce"],
  [data-part="Drobečková navigace"],
  [data-part="Podrobnosti nabídky"],
  [data-part="Ověření a souhrn"],
  [data-part="Postup rezervace"],
  [data-part="Další postup"],
  [data-part="Zápatí · csas.cz · bez chatu"],
  [data-part="Detail nabídky"]:has([data-part="Fotografie z hokeje"]) {
    padding-right: max(16px, calc((100% - 1170px) / 2)) !important;
    padding-left: max(16px, calc((100% - 1170px) / 2)) !important;
  }

  [data-part="Zápatí · csas.cz · bez chatu"],
  [data-part="Informace o utkání"] {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
  }

  [data-part="Informace o utkání"] {
    padding-right: max(16px, calc((100% - 1170px) / 2)) !important;
    padding-left: max(16px, calc((100% - 1170px) / 2)) !important;
  }

  [data-part="Překrytí e-mailového okna"] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 24px !important;
    overflow: auto !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #0B1F42A6 !important;
    z-index: 40 !important;
  }
}

@media (max-width: 899px) {
  html,
  body {
    overflow-x: hidden;
    background: #fff;
  }

  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }

  [data-part^="01"],
  [data-part^="02"],
  [data-part^="03"],
  [data-part^="04"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  [data-part] {
    max-width: 100%;
  }

  [data-part="Hlavní nabídka"],
  [data-part="Hlavní titulek"],
  [data-part="Popis detailu"],
  [data-part="Podnadpis detailu"],
  [data-part="Klub detail"] {
    white-space: normal !important;
  }

  [data-part="Hlavička stránky"] {
    padding: 12px 12px 0 !important;
  }

  [data-part="Záhlaví podle csas.cz"] {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }

  [data-part="Horní řádek"],
  [data-part="Navigace kampaně"],
  [data-part="Odkazy"],
  [data-part="Označení prezentace"] {
    height: auto !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 10px 14px !important;
  }

  [data-part="O nabídce"],
  [data-part="Jak to funguje"],
  [data-part="Detail utkání"],
  [data-part="Nabídka vstupenek text"],
  [data-part="Klub"],
  [data-part="Návrh kampaně"] {
    width: auto !important;
    max-width: 100% !important;
  }

  [data-part="Hokejový hero"] {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 20px !important;
    padding: 12px 12px 24px !important;
  }

  [data-part="Fotografie hokejové arény"],
  [data-part="Ztmavení fotografie pro čitelnost"] {
    width: 100% !important;
    height: 100% !important;
    right: 0 !important;
    bottom: 0 !important;
  }

  [data-part="Text nabídky"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 2;
  }

  [data-part="Hokejový hero"] [data-part="Záhlaví podle csas.cz"] {
    order: 1;
    z-index: 3;
  }

  [data-part="Domácí utkání"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 3;
    width: 100% !important;
    height: auto !important;
    flex-wrap: wrap !important;
    z-index: 4;
  }

  [data-part="Hlavní titulek"],
  [data-part="Klub detail"] {
    font-size: 34px !important;
    line-height: 1.15 !important;
  }

  [data-part="Nadpis sekce"],
  [data-part="Titulek ověření"] {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  [data-part="Jak získat vstupenku"],
  [data-part="Informace o nabídce"],
  [data-part="Podrobnosti nabídky"],
  [data-part="Další postup"] {
    padding: 36px 16px !important;
  }

  [data-part="Zápatí · csas.cz · bez chatu"] {
    padding: 28px 16px 36px !important;
  }

  [data-part="Drobečková navigace"],
  [data-part="Postup rezervace"] {
    padding: 20px 16px 0 !important;
  }

  [data-part="Ověření a souhrn"] {
    padding: 24px 16px 40px !important;
  }

  [data-part="Detail nabídky"]:has([data-part="Fotografie z hokeje"]) {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 28px 16px !important;
    gap: 24px !important;
  }

  [data-part="Tři kroky"],
  [data-part="Dva další kroky"],
  [data-part="Ověření a souhrn"],
  [data-part="Podrobnosti nabídky"],
  [data-part="Informace o utkání"],
  [data-part="Postup rezervace"] {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    gap: 16px !important;
  }

  [data-part="Postup rezervace"] {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  [data-part="Fotografie z hokeje"],
  [data-part="Souhrn nabídky"],
  [data-part="Vaše vybraná nabídka"],
  [data-part="Pokračování u banky"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  [data-part="Fotografie z hokeje"] {
    height: 220px !important;
  }

  [data-part="Praktické informace"] > div,
  [data-part="Informace o utkání"] > div {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  [data-part="Říjnové zápasy"] > div {
    height: auto !important;
    align-items: center !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  [data-part="Říjnové zápasy"] [data-part^="Název"],
  [data-part="Říjnové zápasy"] [data-part^="Místo"] {
    white-space: normal !important;
  }

  [data-part="Pět sloupců zápatí"] {
    flex-direction: column !important;
    gap: 28px !important;
  }

  [data-part="Pět sloupců zápatí"] > div {
    width: 100% !important;
  }

  [data-part="Právní odkazy"] {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    gap: 12px 18px !important;
  }

  [data-part="Překrytí e-mailového okna"] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding: 24px 16px !important;
    overflow: auto !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #0B1F42A6 !important;
  }

  [data-part="Dialog · e-mail na vstupenku"] {
    width: min(360px, 100%) !important;
    height: auto !important;
    min-height: 250px;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    padding: 24px 16px 20px !important;
  }

  [data-part="Dialog · e-mail na vstupenku"] > div {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
  }
}