@media (max-width: 1099px) {
    .my-slider-wrapper {
        display: none !important;
    }
}

@media (max-width: 1649px) {
    .my-slider-wrapper-2 {
        display: none !important;
    }
}


.owl-carousel .card {
  width: 45%;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  max-width: 500px;
  transform: scale(0.85) translateX(-210px); /* zmenšení o 25 % a posun doleva */
  transform-origin: center; /* měřítko ze středu */
  background-color: transparent !important; /* ?? průhledné pozadí */
  border-radius: 15px;
  color: #fff;
}


/* Odstraní černé překrytí pro všechny overlay ve slideru */
.owl-item.overlay-show,
.owl-item.overlay.overlay-show.overlay-op-1 {
    background-color: transparent !important; /* zruší tmavou barvu overlay */
}

/* Pokud Porto používá pseudo-elementy pro overlay */
.owl-item.overlay-show::before {
    background-color: transparent !important; /* odstraní tmavou vrstvu přes ::before */
}


@media (min-width: 1300px) {
  #header .header-nav-main.header-nav-main-effect-2 {
    transform: translateX(19px) !important;
  }
}


/* Úprava nadpisu "Chytrá finanční řešení tvoří budoucnost" */
h2.font-weight-bold.text-11.line-height-2.mb-0.appear-animation {
  font-weight: 500 !important;
  font-size: 2.5em !important;
}

/* Úprava nadpisu "Níže jsme pro Vás připravili stručný návod." */
h3.font-weight-bold.text-transform-none.text-9.line-height-2.mb-0 {
  font-weight: 500 !important;
  font-size: 2.5em !important;
}


/* Úprava nadpisu "Spolupracujeme na..." */
h2.word-rotator.slide.font-weight-bold.text-8.mb-2 {
  font-weight: 500 !important;
  font-size: 2.5em !important;
}

/* Zvýraznění rotujících textů ve word rotátoru */
.word-rotator-words b {
  font-weight: 700 !important; /* tučné písmo */
  color: white !important;   /* zachová barvu z hlavního nadpisu */
}

/* (volitelné) — pro jistotu, aby při animaci neztrácelo vykreslení */
.word-rotator-words b.is-visible {
  opacity: 1 !important;
  font-weight: 700 !important;
}

h1.white-text {
    font-size: 30px !important; /* !important přepíše jiné styly */
}

h2.text-color-dark.font-weight-medium.text-8.mb-2.appear-animation {
    font-weight: 500 !important;
    font-size: 2.5em !important;
}

h1.text-14.font-weight-bold.clearfix.line-height-1.pb-2.mb-3.mb-xl-5 {
    font-size: clamp(24px, 4vw, 50px) !important; /* nová menší velikost */
}


h3.text-color-primary.font-weight-medium.positive-ls-3.text-4.mb-0.appear-animation {
    font-size: 1.2em !important; /* zmenšení oproti defaultu */
}


h2.text-color-primary.font-weight-medium.positive-ls-3.text-4.mb-0.appear-animation.nadpis-rekli {
    font-size: 1.2em !important;
}


h2.text-color-primary.font-weight-medium.positive-ls-3.text-4.mb-0.nadpis-hypoteka {
    font-size: 1.2em !important;
}



@media (max-width: 991px) {
  .section.section-with-shape-divider.border-0.m-0 {
    display: none !important;
  }
}


.dropdown-toggle {
  position: relative;
  cursor: pointer;
}

.dropdown-toggle .dropdown-arrow {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  pointer-events: none;
}



/* =========================================================
   Globální: .fancy-list — použít NATIVE marker (disc)
   a zajistit, že marker bude zarovnán k první řádce textu
   ========================================================= */

/* základ pro seznamy */
.fancy-list {
  margin: 0;
  padding: 0; /* odsazení nastavíme na li úrovni */
}

/* li jako skutečný list-item (zrušíme flex hack) */
.fancy-list li {
  display: list-item !important;
  list-style: disc outside !important;
  list-style-position: outside !important;
  margin: 0 0 .8em 0;
  line-height: 1.45;       /* výška řádku, podle které se marker chová */
  color: #bbb;             /* barva native markeru (dědí z li) */
  vertical-align: baseline;
  padding-left: 0;         /* odsazení řídíme u .fancy-list bloků níže */
}

/* explicitní styl markeru (prohlížeč podporuje ::marker) */
.fancy-list li::marker {
  color: #bbb;
  font-size: 0.9em;
}

/* důležité: všechny vnitřní prvky necháme inline tak, aby
   prohlížeč považoval první řádek za referenční box markeru */
.fancy-list li > * {
  display: inline !important;
  vertical-align: baseline !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  color: #333 !important; /* text tmavší než marker */
}

/* pokud jsou v markupu span.dot (custom tečky), skryjeme je
   — místo nich používáme native marker */
.fancy-list .dot {
  display: none !important;
}

/* upravíme odsazení seznamu (pokud potřebuješ více/méně, uprav hodnotu) */
.fancy-list {
  padding-left: 1.25rem;
}


/* Skrytí ikon pro šířku 1649px a menší */
@media (max-width: 1649px) {
  .border-bottom.border-bottom-color-grey-100 {
    display: none !important;
  }
}


/* === Skrytí celé hlavičky s obrázkem na mobilech === */
@media (max-width: 767px) {
	.page-header {
		display: none !important;
	}
}


/* Mobile-first úprava pro kontejnery */
@media (max-width: 991px) {
    .container.py-3.my-3,
    .container.py-4.my-5 {
        background-color: #f8f9fa !important;  /* světle šedé pozadí */
        border-radius: 8px !important;         /* jemně zaoblené rohy */
        padding: 30px 20px !important;         /* prostor uvnitř */
        box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; /* lehký stín */
        transition: all 0.3s ease !important;  /* jemný přechod */
    }
}


/* Přidáme ještě univerzální nastavení, aby přepisovalo jiné styly */
.container.py-3.my-3,
.container.py-4.my-5 {
    transition: all 0.3s ease !important; /* jemný přechod při změně velikosti */
}


/* Skrytí span na mobilu */
@media (max-width: 991px) {
    span[style*="width:20px"] {
        display: none !important;
    }
}



/* --- ULTIMÁTNÍ: čitelné nadpisy v akordeonech pro mobily (+20 % výška, -45 % mezera ikon) --- */

@media (max-width: 991px) {
  /* zvětšené písmo pro lepší čitelnost */
  .accordion .accordion-item .accordion-header .accordion-button > span.fw-bold.fs-5,
  .accordion .accordion-item .accordion-header .accordion-button > span.fw-bold,
  .accordion .accordion-button .fw-bold.fs-5,
  .accordion .accordion-button .fs-5 {
    font-size: 16.8px !important;
    line-height: 1.27 !important;
    letter-spacing: 0 !important;
  }

  /* +20 % výška oproti původní */
  .accordion .accordion-item .accordion-button {
    font-size: 16.8px !important;
    line-height: 1.27 !important;
    padding: 14px 16px !important; /* vyšší o cca 20 % */
  }

  /* ikony o 45 % blíž k textu (mezera 0.4rem) */
  .accordion .accordion-button i,
  .accordion .accordion-button .icons,
  .accordion .accordion-button .fa,
  .accordion .accordion-button .svg-icon {
    font-size: 1.7rem !important;
    margin-right: 0.4rem !important; /* původně ~0.7rem › -45 % */
    line-height: 1 !important;
    vertical-align: middle !important;
  }

  /* perfektní zarovnání textu s ikonou */
  .accordion .accordion-button > span,
  .accordion .accordion-button > * {
    display: inline-flex;
    align-items: center;
  }

  /* pro menší telefony */
  @media (max-width: 420px) {
    .accordion .accordion-button > span.fw-bold.fs-5,
    .accordion .accordion-button {
      font-size: 15px !important;
      padding: 12px 14px !important; /* +20 % výška */
    }
    .accordion .accordion-button i {
      font-size: 1.5rem !important;
      margin-right: 0.35rem !important; /* zmenšeno o 45 % i pro menší telefony */
    }
  }
}