@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* ---- Nadpisy bannerů pro stránky i blog ---- */
.futurio-page-title h1,
.page-header-title,
h1.page-title,
.entry-title.page-title,
.single-post .entry-title,
.single-post .futurio-page-title h1,
.blog .entry-title a {
  font-family: 'Great Vibes', cursive !important;
  color: #FFFFFF !important;
  font-size: 48px !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.28);
  margin: 0 !important;
}

/* ---- Pozadí banneru v brand barvě ---- */
.futurio-page-title,
.page-header,
.header-page-title,
.page-header .container,
.single-post .futurio-page-title,
.single-post .page-header {
  background: #7e0661 !important;
  background-image: linear-gradient(135deg, #7e0661 0%, #9a0a7a 100%) !important;
  color: #FFFFFF !important;
  padding: 38px 0 !important;
  border: 0 !important;
}

/* ---- Blogový přehled (karta příspěvku) ---- */
.blog .entry-title a,
.archive .entry-title a {
  font-family: 'Great Vibes', cursive !important;
  color: #7e0661 !important;
  font-size: 36px !important;
}

/* ---- Responsivní úpravy ---- */
@media (max-width: 767px) {
  .futurio-page-title h1,
  .page-header-title,
  h1.page-title,
  .entry-title.page-title,
  .single-post .entry-title {
    font-size: 34px !important;
  }
  .futurio-page-title,
  .page-header,
  .header-page-title,
  .page-header .container {
    padding: 28px 0 !important;
  }
}.futurio-page-title h1.page-title {
  font-family: 'Great Vibes', cursive !important;
  color: #FFFFFF !important;
}
/* Skryje automatický nadpis pouze na blogu (včetně jednotlivých článků) */
.blog .futurio-page-title,
.single-post .futurio-page-title {
  display: none !important;
}
/* Skrýt automatický nadpis (Page Title) jen u blogu a článků */
body.blog .futurio-page-title,
body.blog .page-header,
body.single-post .futurio-page-title,
body.single-post .page-header,
body.single-post .page-title-section,
body.blog .page-title-section {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}