/* Custom CSS dla sklepu Beauty Night Fashion w IdoSell */

/* UKRYWANIE ELEMENTÓW NIEPOTRZEBNYCH */
#cookie_login_social_more,
#signin_login_separator,
#projector_amount,
#projector_enclosures,
.projector_buy__number_amounts,
#projector_status_gfx,
.projector_stocks__icon,
.projector_stocks__info,
.projector_info__item.--stocks .projector_stocks,
div.contact_stocks,
#menu_settings,
#dictionary__name_txt,
.dictionary__param.mb-4[data-responsible-entity="true"],
.dictionary__param.mb-4[data-code="true"],
#opinions_section,
#product_questions_list,

/* Schowaj logowanie przez social media na stronie signin.html – zostaw klasyczne logowanie/rejestrację */
#client_new_social {
  display: none !important;
}

/* KOSZYK: usuń logowanie przez social media */
.cop_login { display: none !important; }

.shopping_list_top {
    display: none !important; /* Ukrywa listę zakupową */
}

/* Ukrycie przycisku "Dodaj do listy zakupowej" na stronie produktu */
.shopping-list {
    display: none !important;
}

/* Ukrycie waluty i wyboru kraju */
#menu_settings {
  display: none !important;
}
/* Ukrycie "Dodaj do listy zakupowej"  na stronie koszyka */
.tool__button.--add-to-favorite {
    display: none !important;
}

/* PRZYCISK DO ROZWIJANIA INFORMACJI */
.toggle-link {
    display: inline-block;
    background: #8B5E3C;
    color: white;
    padding: 8px 12px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s;
}

.toggle-link:hover {
    background: #000000;
}

.hidden-content {
    display: none;
    padding: 10px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

/* Ograniczenie szerokości głównej zawartości strony (pod nagłówkiem) */
#container {
    max-width: 1800px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}
.content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* ROZSZERZENIE GŁÓWNEJ KOLUMNY TREŚCI */
main#content.col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ZAPEWNIENIE PEŁNEJ SZEROKOŚCI DLA KOMPONENTU PROJECTOR I SEKCJI WYSZUKIWANIA */
.component_projector,
#search,
.products-list-wrapper,
section.search_section.row.section-no-mb {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

/* SIATKA PRODUKTÓW – WŁAŚCIWE USTAWIENIA GRIDOWE */
.projector_list,
.products-grid-container {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* Styl dla pojedynczego produktu */
.projector_item,
.product {
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 calc(25% - 10px) !important;
    max-width: calc(25% - 10px) !important;
    width: calc(25% - 10px) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}


/* POWIĘKSZENIE ZDJĘĆ PRODUKTÓW NA LIŚCIE */
.product__icon {
    height: 600px !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.product__icon img {
    width: auto !important;
    height: 600px !important;
    max-width: none !important;
    object-fit: contain !important;
}

#search.--largeIcons .product__icon {
    height: 600px !important;
}

/* Stylizacja nazwy modelu produktu */
.product__name {
    font-size: 1.3em !important;
    color: #BB7808 !important;
    line-height: 1.3 !important;
    
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    
    max-width: 95% !important;
    display: inline-block !important;
    text-align: center !important;
}
.product h3 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

/* --- SEKCJE ZWIĄZANE Z NAGŁÓWKIEM I SLIDEREM --- */

/* —————— TYLKO STRONA GŁÓWNA —————— */

/* 1) Przezroczysty, absolutny header */
body.home header.commercial_banner {
  background: transparent !important;
  border-bottom: none !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
}

/* 2) Slider („#main_slider”) przesunięty pod header */
body.home #main_slider {
  margin-top: -226px !important;   /* Dopasuj tę wartość do wysokości headera */
  position: relative !important;
  z-index: 1 !important;
  padding-top: 0 !important;
}

/* —————— WSZYSTKIE INNE PODSTRONY —————— */

/* Przywrócenie domyślnych ustawień headera */
body:not(.home) header.commercial_banner {
  background: #fff !important;
  border-bottom: 1px solid #e0e0e0 !important;
  position: relative !important;
  z-index: auto !important;
}

/* Slider bez przesunięć */
body:not(.home) #main_slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Poprawiona stylizacja ikon i tekstu w nagłówku */
#menu_top span,
#menu_top a,
#menu_top i,
#menu_top svg,
#menu_top .icon,
#menu_top .menu_settings_wrapper {
  color: #333333 !important; /* Zmiana na ciemny kolor */
  fill: #333333 !important; /* dla ikon SVG */
  text-shadow: none !important;
}

#menu_top svg path {
  fill: #333333 !important;
}

/* Poprawiona stylizacja koszyka */
.menu_search_block__cart,
.menu_search_block__cart a,
.menu_search_block__cart span,
.menu_search_block__cart .price {
    color: #333333 !important; /* Ciemny kolor dla lepszej czytelności */
    font-weight: bold !important;
}

/* Całkowita przezroczystość tła dla głównego menu kategorii */
#menu_categories {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Możliwe dodatkowe elementy, które mogą mieć tło i wymagać wyzerowania */
#menu_categories .navbar-collapse {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#menu_categories .navbar-nav {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* --- RESPONSYWNOŚĆ --- */
@media (max-width: 1200px) {
  .projector_list, .products-grid-container {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px !important;
  }
  .product__icon {
      height: 450px !important;
  }
  #search.--largeIcons .product__icon {
      height: 450px !important;
  }
  .product__icon img {
      height: 450px !important;
  }
  .projector_item, .product {
      flex: 0 0 calc(33.33% - 10px) !important;
      max-width: calc(33.33% - 10px) !important;
      width: calc(33.33% - 10px) !important;
  }
}
@media (max-width: 768px) {
  .projector_list, .products-grid-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .product__icon {
      height: 350px !important;
  }
  #search.--largeIcons .product__icon {
      height: 350px !important;
  }
  .product__icon img {
      height: 350px !important;
  }
  .projector_item, .product {
      flex: 0 0 calc(50% - 5px) !important;
      max-width: calc(50% - 5px) !important;
      width: calc(50% -