/* ============================================
   CENY PROMOCYJNE – IAI / IdoSell
   ============================================ */

/* 1. Globalna zmienna CSS dla ceny promocyjnej */
:root {
    --color-promo-price: #092dbc;
}

/* 2. Ceny promocyjne – wszędzie (listing, karta, koszyk, omnibus) */
.price_promo,
.price_promo *,
.promo_price,
.promo_price *,
.price.--promo,
.price.--promo *,
.basket .--color,
.price_percent,
.--omnibus-higher .price.--main,
.--omnibus-higher .price_percent {
    color: #092dbc !important;
}

/* ============================================
   LABELKI – tekst biały i tło kolorowe
   ============================================ */

/* Tekst wszystkich labeli – biały */
.label,
.label span,
.label strong,
.label_icons,
.label_icons span,
.label_icons strong {
    color: #ffffff !important;
}

/* Tylko label PROMOCJA – tło niebieskie */
.label.--promo,
.label.--promo span,
.label.--promo strong {
    background-color: #092dbc !important;
    color: #ffffff !important; /* Tekst biały */
}

/* Label NOWOŚĆ – tło pomarańczowe */
.label.--new,
.label.--new span,
.label.--new strong {
    background-color: #ff9900 !important;
    color: #ffffff !important;
}

/* Label OKAZJA – tło czerwone */
.label.--sale,
.label.--sale span,
.label.--sale strong {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

/*strona głowna niebieskie bannery jeden pod drugim*/
/*-------------------------------*/
@media (max-width: 768px) {
  #menu_buttons2,
  #menu_buttons2.row {
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu_buttons2 .menu_button_wrapper,
  #menu_buttons2 .menu_button_wrapper * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #menu_buttons2 .menu_button_wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  #menu_buttons2 .menu_button_wrapper + .menu_button_wrapper {
    margin-top: 15px !important;
  }

  #menu_buttons2 .menu_button_wrapper img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
/*-------------------------------*/