/* ============================================================
   Erhartova cukrarna — sdilene prvky sablony (hlavicka + paticka)
   Plati na CELEM webu. Drive bylo duplikovane na kazde test strance
   s prefixem body.in-<stranka>; tady uz je jen jedna kopie.
   Nacitat AZ ZA scss-style.css.
   ============================================================ */

@media (min-width: 1101px) {
  #header .header-top {
    padding: 16px 4px 17px !important;
  }

  #header .header-top .site-name-wrapper .site-name a img {
    width: auto;
    max-width: 270px !important;
    max-height: 49px;
  }

  #header .header-top .top-navigation-menu ul li,
  #header .header-top .top-navigation-menu ul li a,
  #header .header-top .navigation-buttons a.top-nav-button-login,
  #header .header-top .navigation-buttons a.top-nav-button-login span {
    font-size: 15px !important;
  }

  #header #navigation {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  #header #navigation .navigation-in .menu-level-1 li a {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

@media (min-width: 1200px) {
  #footer .footer-rows {
    position: relative;
    min-height: 0;
  }

  #footer .footer-rows > .site-name {
    display: block !important;
    position: absolute !important;
    top: 30px !important;
    left: 50% !important;
    width: 158px;
    max-width: 158px !important;
    transform: translateX(-50%);
    z-index: 2;
  }

  #footer .footer-rows > .site-name a,
  #footer .footer-rows > .site-name img {
    display: block;
    width: 100%;
    max-width: 158px;
    height: auto;
    max-height: none;
  }

  #footer .custom-footer {
    display: grid !important;
    grid-template-columns: minmax(390px, 1.45fr) minmax(210px, 0.8fr) minmax(290px, 1.1fr) minmax(180px, 0.75fr);
    align-items: start;
    justify-content: stretch;
    gap: 30px 36px !important;
    padding: 90px 0 26px !important;
  }

  #footer .custom-footer__banner1,
  #footer .custom-footer__banner2,
  #footer .custom-footer__banner3,
  #footer .custom-footer__banner4 {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  #footer .custom-footer__banner1 { grid-column: 1; grid-row: 1; }
  #footer .custom-footer__banner3 { grid-column: 2; grid-row: 1; }
  #footer .custom-footer__banner2 { grid-column: 3; grid-row: 1; }
  #footer .custom-footer__banner4 { grid-column: 4; grid-row: 1; }

  #footer .custom-footer__banner1 span[data-ec-promo-id="11"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(155px, 1fr));
    align-items: start;
    column-gap: 28px;
  }

  #footer .custom-footer__banner1 h4 { grid-column: 1 / -1; }

  #footer .custom-footer__banner1 .block {
    margin: 0 !important;
    padding-right: 6px;
  }

  #footer .custom-footer__banner2 ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(115px, 1fr));
    align-items: start;
    column-gap: 28px;
  }

  #footer .custom-footer h4 { margin-bottom: 19px; }
  #footer .custom-footer .block h5 { margin-bottom: 9px; }
  #footer .custom-footer .block span { margin-bottom: 10px; }
  #footer .custom-footer ul li { margin-bottom: 9px; }

  #footer .custom-footer__banner5 {
    grid-column: 1 / 3;
    grid-row: 2;
    justify-self: start;
    width: max-content !important;
    max-width: none !important;
    margin: -16px 0 0;
    padding: 0 !important;
  }

  #footer .custom-footer__banner5 ul,
  #footer .custom-footer__banner5 .link-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 22px;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  #footer .custom-footer__banner5 ul li {
    margin: 0;
  }

  #footer .custom-footer__banner5 .link-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 22px;
    margin: 0;
  }
}

/* ============================================================
   Kompaktni FAQ — plati na celem webu.
   Fotku uz nepretlacujeme pres CSS, meni se primo v banneru no. 7.
   ============================================================ */
.faq-section {
  margin-bottom: 50px !important;
}

.faq-section .flex-holder {
  padding-top: 270px !important;
}

.faq-section .flex-holder picture {
  display: block;
  width: 100% !important;
  height: 330px !important;
  max-height: 330px !important;
  overflow: hidden;
  border-radius: 18px;
}

.faq-section .flex-holder .text {
  max-width: 850px !important;
  margin-bottom: 42px !important;
  padding: 32px 80px !important;
  border-radius: 16px;
}

.faq-section .flex-holder .text h2 {
  margin-bottom: 18px !important;
  font-size: 36px !important;
  line-height: 1.2;
}

.faq-section .flex-holder .text p {
  font-size: 20px !important;
  line-height: 1.45 !important;
}

.faq-section .faq-questions {
  max-width: 900px !important;
  margin-bottom: 42px !important;
}

.faq-section .faq-questions .question h3 {
  padding: 20px 52px 20px 22px !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

.faq-section .faq-questions .question h3::after {
  right: 18px !important;
  width: 20px !important;
  height: 20px !important;
}

.faq-section .faq-questions .question .faq-content {
  padding: 26px 28px !important;
}

.faq-section .faq-questions .question .faq-content p,
.faq-section .faq-questions .question .faq-content ul li {
  font-size: 18px !important;
  line-height: 1.6 !important;
}

.faq-section .btn-holder .btn {
  font-size: 17px !important;
}

@media (max-width: 767px) {
  .faq-section .flex-holder {
    padding-top: 195px !important;
  }

  .faq-section .flex-holder picture {
    height: 235px !important;
    max-height: 235px !important;
  }

  .faq-section .flex-holder .text {
    padding: 24px 20px !important;
  }

  .faq-section .flex-holder .text h2 {
    font-size: 28px !important;
  }
}

/* ============================================================
   Oprava orizlych selectu (napr. "Zvolte variantu" na detailu produktu).
   scss-style.css nastavuje select{height:32px}, ale Shoptet prepnul
   ums_forms_redesign--on, kde sablona vnuti .form-control{line-height:1.625}
   = radek 26px, ktery se do 32px boxu nevejde a orizne se.
   height:auto necha vysku dopocitat: 26 + 2*7 padding + 2*1 ramecek = 42px.
   Vyhledavaci pole v hlavicce i .f-field-group select maji vlastni vysku
   s vyssi specificitou, takze zustanou nedotcene.
   ============================================================ */
select {
  height: auto !important;
}