@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');

/* =========================================================
   Vzhled bannerů na homepage (verze 5)
   - nadpis + podnadpis: bílé, atraktivní font, stín (čitelnost na fotce)
   - tlačítko "Zobrazit nabídku!": tučné, verzálky, stín, hover efekt
   - NOVĚ ve v5: responzivní VELIKOSTI písma (mobil menší, desktop mírně menší)
   Třídy: .extended-banner-title / .extended-banner-text / .extended-banner-link
   ========================================================= */

/* NADPIS – bílý, tučný, atraktivní font, čitelný stín */
html body .extended-banner-title {
  color: #ffffff !important;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
  line-height: 1.1 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .60), 0 1px 2px rgba(0, 0, 0, .65) !important;
}

/* PODNADPIS – bílý a čitelný */
html body .extended-banner-text {
  color: #ffffff !important;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .60) !important;
}

/* TLAČÍTKO "Zobrazit nabídku!" – tučné, nepřehlédnutelné, hover efekt */
html body .extended-banner-link {
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
  background-color: #F57C00 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .30) !important;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}

html body .extended-banner-link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 7px 20px rgba(0, 0, 0, .40) !important;
  background-color: #E06A00 !important;
}

/* ZAOBLENÉ ROHY bannerů */
html body .banner-wrapper,
html body .banner-wrapper a {
  border-radius: 14px !important;
  overflow: hidden !important;
}
html body .banner-wrapper img {
  border-radius: 14px !important;
}

/* VELKÝ BANNER (carousel slider) – zaoblené rohy */
html body .carousel-inner {
  border-radius: 14px !important;
  overflow: hidden !important;
}
html body .carousel-inner .item img {
  border-radius: 14px !important;
}

/* =========================================================
   VELIKOSTI PÍSMA – responzivně (nové ve v5)
   Postranní bannery mají vlastní silnější styl → nezmění se.
   ========================================================= */

/* --- MOBIL: výrazně menší, ať text nepřekrývá celý obrázek --- */
@media (max-width: 767px) {
  html body .extended-banner-title {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }
  html body .extended-banner-text {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  html body .extended-banner-link {
    font-size: 11px !important;
    padding: 6px 12px !important;
  }
}

/* --- DESKTOP: jen mírně zmenšit --- */
@media (min-width: 768px) {
  html body .extended-banner-title {
    font-size: 32px !important;
    line-height: 1.15 !important;
  }
  html body .extended-banner-text {
    font-size: 16px !important;
  }
  html body .extended-banner-link {
    font-size: 15px !important;
    padding: 9px 18px !important;
  }
}