/* ============================================================
   1. STRONA GŁÓWNA & WYSZUKIWARKA (TŁA)
   ============================================================ */
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 – górny pasek + zakładki + Make/Model/Year
   ============================================================ */

/* --- Górne napisy --- */
#moto_config span:first-child {
  font-size: 0 !important;
}
#moto_config span:first-child::after {
  content: "SEARCH PARTS AND BIKE DATA" !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}
#moto_config .config_header {
  font-size: 0 !important;
}
#moto_config .config_header::after {
  content: "BIKE CONFIGURATOR" !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #ffffff !important;
}

/* --- Zakładki PARTS / BIKE DATA --- */
.auto_config__tabs li {
  float: left !important;
  display: block !important;
}
#menu_5,
.auto_config__tab:nth-child(1) a,
.auto_config__tab:nth-child(1) span,
[data-tab="parts"] {
  font-size: 0 !important;
  display: block !important;
}
#menu_5::after,
.auto_config__tab:nth-child(1) a::after,
.auto_config__tab:nth-child(1) span::after,
[data-tab="parts"]::after {
  content: "PARTS" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
#menu_3,
.auto_config__tab:nth-child(2) a,
.auto_config__tab:nth-child(2) span,
[data-tab="motodata"] {
  font-size: 0 !important;
  display: block !important;
}
#menu_3::after,
.auto_config__tab:nth-child(2) a::after,
.auto_config__tab:nth-child(2) span::after,
[data-tab="motodata"]::after {
  content: "BIKE DATA" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #a8a8a8 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* --- Make / Model / Year (naprawione) --- */
#select2-msearch1-container,
#select2-msearch2-container,
#select2-msearch3-container {
  position: relative !important;
  text-align: center !important;
}

/* MAKE */
#select2-msearch1-container[title="Marka"] {
  visibility: hidden !important;
}
#select2-msearch1-container[title="Marka"]::after {
  content: "Make" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #ffffff !important;
}
#select2-msearch1-container:not([title="Marka"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
#select2-msearch1-container:not([title="Marka"])::after {
  content: none !important;
}

/* MODEL */
#select2-msearch2-container[title="Model"] {
  visibility: hidden !important;
}
#select2-msearch2-container[title="Model"]::after {
  content: "Model" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #a8a8a8 !important;
}
#select2-msearch2-container:not([title="Model"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
#select2-msearch2-container:not([title="Model"])::after {
  content: none !important;
}

/* YEAR */
#select2-msearch3-container[title="Rocznik"] {
  visibility: hidden !important;
}
#select2-msearch3-container[title="Rocznik"]::after {
  content: "Year" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  text-align: center !important;
  color: #a8a8a8 !important;
}
#select2-msearch3-container:not([title="Rocznik"]) {
  visibility: visible !important;
  color: #ffffff !important;
}
#select2-msearch3-container:not([title="Rocznik"])::after {
  content: none !important;
}

/* --- LUB → OR --- */
.special_lit {
  font-size: 0 !important;
}
.special_lit::after {
  content: "OR" !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #ffffff !important;
}

/* ============================================================
   3. PRZYCISK WYSZUKIWARKI
   ============================================================ */
form#menu_search button[type="submit"] {
  font-size: 0 !important;
}
form#menu_search button[type="submit"]::after {
  content: "SEARCH" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}

/* ============================================================
   4. SEKCJA OPINII (dół karty produktu)
   ============================================================ */
#opinions_section .big_label {
  font-size: 0 !important;
}
#opinions_section .big_label::after {
  content: "Add your review" !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #333333 !important;
  text-transform: uppercase !important;
}
.shop_opinions_name {
  font-size: 0 !important;
}
.shop_opinions_name::after {
  content: "Your rating:" !important;
  font-size: 14px !important;
  color: #666666 !important;
}
label[for="opinion"] {
  font-size: 0 !important;
}
label[for="opinion"]::after {
  content: "Your review" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
.opinion_add_photos_text {
  font-size: 0 !important;
}
.opinion_add_photos_text i {
  font-size: 14px !important;
}
.opinion_add_photos_text::after {
  content: " Add a product photo:" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
label[for="addopinion_name"] {
  font-size: 0 !important;
}
label[for="addopinion_name"]::after {
  content: "Your name" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
label[for="addopinion_email"] {
  font-size: 0 !important;
}
label[for="addopinion_email"]::after {
  content: "Your email" !important;
  font-size: 13px !important;
  color: #666666 !important;
}
button.opinions-shop_opinions_button {
  font-size: 0 !important;
  color: transparent !important;
}
button.opinions-shop_opinions_button::after {
  content: "Submit review" !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}

/* ============================================================
   5. REKOMENDACJE + WYSYŁKA
   ============================================================ */
#products_associated_zone1 .big_label {
  font-size: 0 !important;
}
#products_associated_zone1 .big_label::after {
  content: "YOU MAY ALSO LIKE" !important;
  font-size: 2.4rem !important;
  font-weight: 400 !important;
  color: #333333 !important;
  text-transform: uppercase !important;
  display: block !important;
}
#projector_shipping_info label {
  font-size: 0 !important;
}
#projector_shipping_info label::after {
  content: "Shipping:" !important;
  font-size: 13px !important;
  color: #666666 !important;
  margin-right: 4px !important;
}

/* ============================================================
   6. MENU KLIENTA / STOPKA
   ============================================================ */
html[lang="en"] #order_rma a {
  font-size: 0 !important;
}
html[lang="en"] #order_rma a::after {
  content: "I want to file a claim for a product" !important;
  font-size: 13px !important;
  color: #e0dcdc !important;
  display: inline-block !important;
}
html[lang="en"] #order_returns a {
  font-size: 0 !important;
}
html[lang="en"] #order_returns a::after {
  content: "I want to return a product" !important;
  font-size: 13px !important;
  color: #e0dcdc !important;
  display: inline-block !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: "pcs." !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: "pcs." !important;
    position: absolute !important;
    right: 0 !important;
    top: -2px !important;
    bottom: -2px !important;
    width: 28px !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;
}