/*
* Naprawa popupów (modali) opartych o klasy .message-popup-*.
* Oryginalne style w desktop1.css / desktop2.css używają kolorów z ustawień
* panelu (#FBFBFB itd.) - gdy ustawienie jest puste,
* wyrenderowana deklaracja "background: ;" jest odrzucana przez przeglądarkę
* i popup nie ma tła. Poniżej twarde wartości spójne z designem sklepu.
*
* Dotyczy m.in.: kopiuj do koszyka (panel klienta), dodano do koszyka,
* dodano do zapytania, import koszyka, listy zakupowe, błędy walidacji.
*/
/* Przyciemnione tło pod popupem - pełny ekran */
.message-popup-background-ui {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.55);
z-index: 1000;
}
/* Białe pudełko popupu */
.message-popup-background-ui .message-popup-ui {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
}
/* Nagłówek "Dodano do koszyka" */
.message-popup-ui .product-added-to-cart-ui {
background-color: #fff;
border-bottom: 1px solid #e5e7eb;
}
.message-popup-ui .product-added-to-cart-ui .ti-check {
color: #16a34a;
}
/* Przycisk "Przejdź do koszyka" */
.message-popup-ui .go-to-cart-ui {
background-color: #f97316;
color: #fff;
}
.message-popup-ui .go-to-cart-ui:hover {
background-color: #ea580c;
color: #fff;
}
/* Pozostałe przyciski w popupie */
.message-popup-ui .info-ui button {
border: 1px solid #e5e7eb;
border-radius: 6px;
padding: 10px 16px;
cursor: pointer;
transition: all 0.2s;
}
.message-popup-ui .info-ui button:hover {
border-color: #f97316;
color: #f97316;
}
.message-popup-ui .info-ui .go-to-cart-ui,
.message-popup-ui .info-ui .go-to-cart-ui:hover {
color: #fff;
border-color: transparent;
}
/* Przycisk zamknięcia (X) */
.message-popup-ui .close-ui {
color: #6b7280;
cursor: pointer;
}
.message-popup-ui .close-ui:hover {
color: #1a1a1a;
}