/*-------------------------------------------------------------------------------------------*/
/*Formatowanie menu głównego*/
/*-------------------------------------------------------------------------------------------*/
#menu_navbar.navbar-collapse {
    display: flex;
    justify-content: center;
}

#menu_navbar > .navbar-nav.mx-md-n2 {
    column-gap: 2rem; /* odstęp między pozycjami menu, można regulować np. 1.5rem / 2.5rem */
}


/*-------------------------------------------------------------------------------------------*/
/*Nagłowki stref hotspot*/
/*-------------------------------------------------------------------------------------------*/
.hotspot__name.headline__wrapper {
    display: block !important;      /* nadpisanie ewentualnego flexa */
    position: relative;
    text-align: center;             /* środek sekcji */
}

.hotspot__name .headline {
    display: inline-block;          /* tytuł jako blok wyśrodkowany */
}

.hotspot__name .headline__after {
    position: absolute;             /* link "Zobacz wszystko" doklejony do prawej krawędzi */
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}

/*-------------------------------------------------------------------------------------------*/
/*Wyrównanie przycisków stref hotspot*/
/*-------------------------------------------------------------------------------------------*/
#main_hotspot_zone2 .products.hotspot__products {
    display: flex;
    align-items: stretch;
}

#main_hotspot_zone2 .hotspot__product.swiper-slide {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#main_hotspot_zone2 .product__content_wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

#main_hotspot_zone2 .product__prices.mb-auto {
    margin-bottom: 0 !important;
}

#main_hotspot_zone2 .add_to_basket {
    margin-top: auto;
}






/*-------------------------------------------------------------------------------------------*/
/*Nagłowek Blog*/
/*-------------------------------------------------------------------------------------------*/
#main_blog > h2.headline__wrapper {
    display: block !important;
    position: relative;
    text-align: center;
}

#main_blog > h2.headline__wrapper > a.headline {
    display: inline-block;
}

#main_blog > h2.headline__wrapper > a.headline__after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}

/*-------------------------------------------------------------------------------------------*/
/*Układ bloga*/
/*-------------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
    #main_blog .article__block {
        display: flex;
        flex-wrap: nowrap;
    }

    #main_blog .article__block .article__item {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

#main_blog .article__image_wrapper {
    background: none !important;
}

/*-------------------------------------------------------------------------------------------*/
/*Kolorowanie nagłówków strefy filtrów na liście produktów*/
/*-------------------------------------------------------------------------------------------*/
#Filters .filters__toggler .btn > span {
    color: #f9e784 !important;
}


/*-------------------------------------------------------------------------------------------*/
/*Karta produktu*/
/*-------------------------------------------------------------------------------------------*/

#projector_blog .article__image_wrapper {
    background: none !important;
}





/*-------------------------------------------------------------------------------------------*/
/*Sekcja odpowiedzialna za kolorowanie stopki*/
/*-------------------------------------------------------------------------------------------*/
/* Zmiana formatowania stopki - sekcja z linkami*/
#footer_links::before {
    content: "";
    background-color: #f9e784; /* Ustawienie koloru tła na czarny */
    position: absolute;
    top: 0;
    bottom: -15px;
    /*left: -100vw; /* Wyrównanie do lewej strony */
    right: -100vw; /* Wyrównanie do prawej strony */
    z-index: -1; /* Ustawienie na niższym poziomie niż zawartość */
  }
  
  #footer_links {
    position: relative; /* Ustalenie pozycji względnej dla pseudo-elementu */
    z-index: 1; /* Ustawienie na wyższym poziomie niż tło */
    color: black; /* Ustawienie koloru tekstu na biały */
  }
  
  #footer_links .footer_links_label,
  #footer_links a,
  #footer_links span {
    color: black !important; /* Ustawienie koloru tekstu na biały */
  }
  
  /*Kolorowanie linków stopki*/
  #footer_links a:hover {
    color: #79ba2b !important; /* Dodanie !important, aby upewnić się, że reguła ma najwyższy priorytet */
  }
  #footer_links a:hover span {
    color: #79ba2b !important; /* Zmiana koloru tekstu wewnątrz span przy najechaniu na link */
  }
  
  
  /* Zmiana formatowania stropki - sekcja logo Idosell */
  /* Ustawienie tła dla modułu #menu_contact */
  #menu_contact::before {
    content: "";
    background-color: #f9e784;
    position: absolute;
    top: 0;
    bottom: -2rem;  /* Dodanie marginesu dolnego */
    left: -100vw;
    right: -100vw;
    z-index: -1;
  }
  
  /* Dodanie pozycji względnej dla #menu_contact */
  #menu_contact {
    position: relative; /* Ustalenie pozycji względnej dla pseudo-elementu */
    z-index: 1; /* Ustawienie na wyższym poziomie niż tło */
    color: black; /* Ustawienie koloru tekstu na biały */
  }
  
  /* Ustalenie koloru tekstu na biały dla wszystkich znaczników tekstowych wewnątrz #menu_contact */
  #menu_contact ul,
  #menu_contact ul > li,
  #menu_contact a,
  #menu_contact span {
    color: black !important; /* Ustawienie koloru tekstu na biały */
  }
  #menu_contact ul {
      background: #f9e784;
  }
  
  /*--------------------------------------------*/
  /* Ustalenie tła dla elementu .footer_settings */
  .footer_settings::before {
    content: "";
    background-color: #f9e784;
    position: absolute;
    top: 0;
    bottom: -2rem;
    left: -100vw;
    right: -100vw;
    z-index: -1;
  }
  
  /* Ustalenie pozycji względnej dla .footer_settings */
  .footer_settings {
    position: relative;
    z-index: 1;
    color: black;
  }
  
  /* Ustalenie koloru tekstu na biały dla wszystkich znaczników tekstowych wewnątrz .footer_settings */
  .footer_settings *,
  #price_info *,
  #idosell_logo * {
    color: black !important;
  }
  
  /* Zmiana odstępu dla ikon w stopce*/
  #menu_banners2 {
      padding: 0;
  }
  
  
/*-------------------------------------------------------------------------------------------*/
/*Formatowanie stopki - obramowania sekcji*/
#footer_links .footer_links#menu_orders {
    border: 0;
}

#footer_links .footer_links#menu_account {
    border: 0;
}

#footer_links.four_elements .footer_links {
    border-right: 1px solid #d5d5d5 !important;
}

#footer_links.four_elements .footer_links:last-child {
    border-color: transparent !important;
}


#menu_banners2 {
    display: none !important;
}