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

/* =========================================================
   Vzhled bannerů na homepage
   - nadpis + podnadpis: bílé, atraktivní font, stín (čitelnost na fotce)
   - tlačítko "Zobrazit nabídku!": tučné, verzálky, stín, hover efekt
   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;
}