@media screen and (min-width: 992px) {
  /* Navbar sa pri .fixed-navbar odpojí z toku (position: fixed) – header drží
     svoju výšku, aby obsah pod ním neposkočil o 100 px. */
  .header {
    height: 100px;
  }
}
@media screen and (max-width: 991px) {
  .navbar i[data-toggle=dropdown] {
    background-color: var(--primary);
  }
}
@media screen and (max-width: 1199px) {
  .slider .slide__title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 991px) {
  .slider .slide__title {
    font-size: 3.25rem;
    line-height: 1.15;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .slider .slide__title {
    font-size: 2.75rem;
  }
}
@media screen and (max-width: 575px) {
  .slider .slide__title {
    font-size: 2.25rem;
  }
  .slider .slide__desc {
    font-size: 1rem;
  }
  .slider .slide-item {
    height: 64vh;
  }
}@media screen and (max-width: 991px) {
  .offer-tile .service__title,
  .offer-tile .service__desc {
    min-height: 0;
  }
}
@media screen and (max-width: 575px) {
  .blog-carousel .slick-arrow {
    top: auto;
    bottom: -3.5rem;
  }
  .blog-carousel .slick-arrow.slick-prev {
    right: auto;
    left: calc(50% - 3.25rem);
  }
  .blog-carousel .slick-arrow.slick-next {
    right: calc(50% - 3.25rem);
  }
}
@media screen and (min-width: 992px) {
  /* šablóna na desktope šípku pri dropdowne skrýva – zobrazujeme ju vedľa textu */
  .navbar-nav > .nav__item.with-dropdown > .dropdown-toggle:after {
    content: "\f107";
    display: inline-block;
    position: static;
    margin-left: 0.35rem;
    transform: none;
    font-size: 0.85em;
  }
}


/**
 * Header – postupné odľahčovanie
 * ≥1800 plná verzia · ≤1799 medzery 24 px + telefón len ikona · ≤1399 menší font,
 * menšie logo a odsadenia, „Domov" a telefón preč · ≤1199 CTA preč · <992 len hamburger + fullscreen menu (telefón je v menu)
 */
@media screen and (max-width: 1799px) {
  /* položky sa nesmú zužovať ani lámať – pri nedostatku miesta radšej vypadne ďalší prvok */
  .navbar-nav > .nav__item {
    flex-shrink: 0;
    margin-right: 24px;
  }
  .navbar .nav__item .nav__item-link,
  .header__cta {
    white-space: nowrap;
  }
  .header__cta {
    flex-shrink: 0;
  }
  /* telefón ako samotná ikona: odkaz prekryje kruh, číslo je bez rozmeru */
  .header .navbar .contact__number {
    position: relative;
    padding: 0 !important;
    border: 0;
  }
  .header .navbar .contact__number i {
    margin-right: 0;
  }
  .header .navbar .contact__number a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
  }
}
@media screen and (max-width: 1399px) {
  .navbar .nav__item .nav__item-link {
    font-size: 14px;
  }
  /* „Domov" preberá logo */
  .navbar-nav > .nav__item--home {
    display: none;
  }
  /* šablóna dáva logu 50 px a menu 30 px odsadenie z každej strany – tu je to priveľa */
  .header-layout1 .navbar .navbar-brand {
    padding: 0 20px;
  }
  .header-layout1 .navbar .navbar-collapse {
    padding: 0 15px;
  }
  .navbar .navbar-brand img {
    max-width: 11rem;
    height: auto;
  }
  .header .navbar .contact__number {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .header__cta {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  /* rovnaký kruh ako ikona telefónu (.contact__number i): 45px, 2px rámik, bez výplne */
  .header .navbar .navbar-toggler {
    display: block;
    position: relative;
    order: 10;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    margin-left: 0;
    transform: none;
    border: 2px solid rgba(27, 26, 26, 0.25);
    border-radius: 50%;
    background-color: transparent;
    box-shadow: none;
  }
  .header .navbar .navbar-toggler .menu-lines {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.25rem;
    height: 0.75rem;
    transform: translate(-50%, -50%);
  }
  /* pod 992 px je header vždy biely → tmavé čiarky; !important kvôli viacerým pravidlám šablóny */
  .header .navbar .navbar-toggler .menu-lines span,
  .header .navbar .navbar-toggler .menu-lines:before,
  .header .navbar .navbar-toggler .menu-lines:after {
    width: 1.25rem;
    background-color: #1b1a1a !important;
  }
  .header .navbar .navbar-toggler .menu-lines span { top: 0; }
  .header .navbar .navbar-toggler .menu-lines:before { top: 0.35rem; }
  .header .navbar .navbar-toggler .menu-lines:after { top: 0.7rem; }
  .header__actions {
    padding-right: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .mobile-menu__nav a {
    font-size: 1.4rem;
  }
}