/* ============================================================
   1. STRONA GŁÓWNA & WYSZUKIWARKA (TŁA) – wspólne
   ============================================================ */
div#container.main_page.container {
  background-color: black !important;
}
.main_page #layout, 
.main_page #layout.clearfix {
  background-color: black !important;
  background: black !important;
}
.main_page div#content.col-12 {
  background-color: black !important;
}
.main_page .main_banner_wrapper, 
.main_page #main_banner1,
.main_page .slick-list.draggable {
  background-color: black !important;
}
div#content.col-md-9.col-12 {
  background-color: white !important;
}
body:not(.main_page) #layout {
  background-color: white !important;
}
body {
  background-color: black !important;
}
/* ============================================================
   2. MOTOKONFIGURATOR – włoski
   ============================================================ */
/* --- Górne napisy --- */
html[lang="it"] #moto_config span:first-child {
  font-size: 0 !important;
}
html[lang="it"] #moto_config span:first-child::after {
  content: "CERCA RICAMBI E DATI MOTO" !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}
html[lang="it"] #moto_config .config_header {
  font-size: 0 !important;
}
html[lang="it"] #moto_config .config_header::after {
  content: "CONFIGURATORE MOTO" !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #ffffff !important;
}
/* --- Zakładki RICAMBI / DATI MOTO --- */
html[lang="it"] .auto_config__tabs li {
  float: left !important;
  display: block !important;
}
html[lang="it"] #menu_5,
html[lang="it"] .auto_config__tab:nth-child(1) a,
html[lang="it"] .auto_config__tab:nth-child(1) span,
html[lang="it"] [data-tab="parts"] {
  font-size: 0 !important;
  display: block !important;
}
html[lang="it"] #menu_5::after,
html[lang="it"] .auto_config__tab:nth-child(1) a::after,
html[lang="it"] .auto_config__tab:nth-child(1) span::after,
html[lang="it"] [data-tab="parts"]::after {
  content: "RICAMBI" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
html[lang="it"] #menu_3,
html[lang="it"] .auto_config__tab:nth-child(2) a,
html[lang="it"] .auto_config__tab:nth-child(2) span,
html[lang="it"] [data-tab="motodata"] {
  font-size: 0 !important;
  display: block !important;
}
html[lang="it"] #menu_3::after,
html[lang="it"] .auto_config__tab:nth-child(2) a::after,
html[lang="it"] .auto_config__tab:nth-child(2) span::after,
html[lang="it"] [data-tab="motodata"]::after {
  content: "DATI MOTO" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #a8a8a8 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
/* --- Marca / Modello / Anno --- */
html[lang="it"] #select2-msearch1-container,
html[lang="it"] #select2-msearch2-container,
html[lang="it"] #select2-msearch3-container {
  position: relative !important;
  text-align: center !important;
}
/* MARCA */
html[lang="it"] #select2-msearch1-container[title="Marke"],
html[lang="it"] #select2-msearch1-container[title="Marque"],
html[lang="it"] #select2-msearch1-container[title="Marka"],
html[lang="it"] #select2-msearch1-container[title="Marca"] {
  visibility: hidden !important;
}
html[lang="it"] #select2-msearch1-container[title="Marke"]::after,
html[lang="it"] #select2-msearch1-container[title="Marque"]::after,
html[lang="it"] #select2-msearch1-container[title="Marka"]::after,
html[lang="it"] #select2-msearch1-container[title="Marca"]::after {
  content: "Marca" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #ffffff !important;
}
html[lang="it"] #select2-msearch1-container:not([title="Marke"]):not([title="Marque"]):not([title="Marka"]):not([title="Marca"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
html[lang="it"] #select2-msearch1-container:not([title="Marke"]):not([title="Marque"]):not([title="Marka"]):not([title="Marca"])::after {
  content: none !important;
}
/* MODELLO */
html[lang="it"] #select2-msearch2-container[title="Modell"],
html[lang="it"] #select2-msearch2-container[title="Modèle"],
html[lang="it"] #select2-msearch2-container[title="Model"],
html[lang="it"] #select2-msearch2-container[title="Modelo"],
html[lang="it"] #select2-msearch2-container[title="Modello"] {
  visibility: hidden !important;
}
html[lang="it"] #select2-msearch2-container[title="Modell"]::after,
html[lang="it"] #select2-msearch2-container[title="Modèle"]::after,
html[lang="it"] #select2-msearch2-container[title="Model"]::after,
html[lang="it"] #select2-msearch2-container[title="Modelo"]::after,
html[lang="it"] #select2-msearch2-container[title="Modello"]::after {
  content: "Modello" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #a8a8a8 !important;
}
html[lang="it"] #select2-msearch2-container:not([title="Modell"]):not([title="Modèle"]):not([title="Model"]):not([title="Modelo"]):not([title="Modello"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
html[lang="it"] #select2-msearch2-container:not([title="Modell"]):not([title="Modèle"]):not([title="Model"]):not([title="Modelo"]):not([title="Modello"])::after {
  content: none !important;
}
/* ANNO */
html[lang="it"] #select2-msearch3-container[title="Baujahr"],
html[lang="it"] #select2-msearch3-container[title="Jahr"],
html[lang="it"] #select2-msearch3-container[title="Rocznik"],
html[lang="it"] #select2-msearch3-container[title="Année"],
html[lang="it"] #select2-msearch3-container[title="Annee"],
html[lang="it"] #select2-msearch3-container[title="Año"],
html[lang="it"] #select2-msearch3-container[title="Anno"] {
  visibility: hidden !important;
}
html[lang="it"] #select2-msearch3-container[title="Baujahr"]::after,
html[lang="it"] #select2-msearch3-container[title="Jahr"]::after,
html[lang="it"] #select2-msearch3-container[title="Rocznik"]::after,
html[lang="it"] #select2-msearch3-container[title="Année"]::after,
html[lang="it"] #select2-msearch3-container[title="Annee"]::after,
html[lang="it"] #select2-msearch3-container[title="Año"]::after,
html[lang="it"] #select2-msearch3-container[title="Anno"]::after {
  content: "Anno" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #a8a8a8 !important;
}
html[lang="it"] #select2-msearch3-container:not([title="Baujahr"]):not([title="Jahr"]):not([title="Rocznik"]):not([title="Année"]):not([title="Annee"]):not([title="Año"]):not([title="Anno"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
html[lang="it"] #select2-msearch3-container:not([title="Baujahr"]):not([title="Jahr"]):not([title="Rocznik"]):not([title="Année"]):not([title="Annee"]):not([title="Año"]):not([title="Anno"])::after {
  content: none !important;
}
/* --- O --- */
html[lang="it"] .special_lit {
  font-size: 0 !important;
}
html[lang="it"] .special_lit::after {
  content: "O" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #ffffff !important;
}
/* ============================================================
   3. PRZYCISK WYSZUKIWARKI
   ============================================================ */
html[lang="it"] form#menu_search button[type="submit"] {
  font-size: 0 !important;
}
html[lang="it"] form#menu_search button[type="submit"]::after {
  content: "CERCA" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}
/* ============================================================
   4. SEKCJA OPINII
   ============================================================ */
html[lang="it"] #opinions_section .big_label {
  font-size: 0 !important;
}
html[lang="it"] #opinions_section .big_label::after {
  content: "Aggiungi la tua recensione" !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #333333 !important;
  text-transform: uppercase !important;
}
html[lang="it"] .shop_opinions_name {
  font-size: 0 !important;
}
html[lang="it"] .shop_opinions_name::after {
  content: "La tua valutazione:" !important;
  font-size: 14px !important;
  color: #666666 !important;
}
html[lang="it"] label[for="opinion"] {
  font-size: 0 !important;
}
html[lang="it"] label[for="opinion"]::after {
  content: "La tua recensione" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
html[lang="it"] .opinion_add_photos_text {
  font-size: 0 !important;
}
html[lang="it"] .opinion_add_photos_text i {
  font-size: 14px !important;
}
html[lang="it"] .opinion_add_photos_text::after {
  content: " Aggiungi una foto del prodotto:" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
html[lang="it"] label[for="addopinion_name"] {
  font-size: 0 !important;
}
html[lang="it"] label[for="addopinion_name"]::after {
  content: "Il tuo nome" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
html[lang="it"] label[for="addopinion_email"] {
  font-size: 0 !important;
}
html[lang="it"] label[for="addopinion_email"]::after {
  content: "La tua email" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
html[lang="it"] button.opinions-shop_opinions_button {
  font-size: 0 !important;
  color: transparent !important;
}
html[lang="it"] button.opinions-shop_opinions_button::after {
  content: "Invia recensione" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}
/* ============================================================
   5. REKOMENDACJE + WYSYŁKA
   ============================================================ */
html[lang="it"] #products_associated_zone1 .big_label {
  font-size: 0 !important;
}
html[lang="it"] #products_associated_zone1 .big_label::after {
  content: "POTREBBE PIACERTI ANCHE" !important;
  font-size: 2.4rem !important;
  font-weight: 400 !important;
  color: #333333 !important;
  text-transform: uppercase !important;
  display: block !important;
}
html[lang="it"] #projector_shipping_info label {
  font-size: 0 !important;
}
html[lang="it"] #projector_shipping_info label::after {
  content: "Spedizione:" !important;
  font-size: 13px !important;
  color: #666666 !important;
  margin-right: 4px !important;
}
/* ============================================================
   6. MENU KLIENTA / STOPKA
   ============================================================ */
html[lang="it"] #order_rma a {
  font-size: 0 !important;
}
html[lang="it"] #order_rma a::after {
  content: "Voglio presentare un reclamo" !important;
  font-size: 13px !important;
  color: #e0dcdc !important;
  display: inline-block !important;
}
html[lang="it"] #order_returns a {
  font-size: 0 !important;
}
html[lang="it"] #order_returns a::after {
  content: "Voglio restituire un prodotto" !important;
  font-size: 13px !important;
  color: #e0dcdc !important;
  display: inline-block !important;
}
/* ============================================================
   7. "Matches to:" → "Compatibile con:"
   ============================================================ */
html[lang="it"] .projector_menu_items_label_text {
  font-size: 0 !important;
}
html[lang="it"] .projector_menu_items_label_text::after {
  content: "Compatibile con:" !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
  color: inherit !important;
  display: inline-block !important;
}
/* ============================================================
   8. Przycisk potwierdzający zmianę języka / waluty
   ============================================================ */
html[lang="it"] #menu_settings form ul.li.buttons button.btn-small,
html[lang="it"] #menu_settings .buttons button.btn-small,
html[lang="it"] button.btn-small[type="submit"] {
  font-size: 0 !important;
}
html[lang="it"] #menu_settings form ul.li.buttons button.btn-small::after,
html[lang="it"] #menu_settings .buttons button.btn-small::after,
html[lang="it"] button.btn-small[type="submit"]::after {
  content: "APPLICA" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}
/* --- KARTA PRODUKTU --- */
#projector_price_unit,
.projector_price_unit {
    display: inline-block !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
#projector_price_unit::after,
.projector_price_unit::after {
    content: "pz." !important;
    font-size: 14px !important;
    line-height: normal !important;
}

/* --- KAFELKI W KATEGORIACH --- */
.product_prices span.price {
    position: relative !important;
    display: inline-block !important;
}

.product_prices span.price::after {
    content: "pz." !important;
    position: absolute !important;
    right: 0 !important;
    top: -2px !important;
    bottom: -2px !important;
    width: 26px !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #272626 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}