label[for="order_payment_type_id_1817"] {
    color: white; /* Zmienia kolor tekstu na biały */
}

/* Alert box styling */
.alert {
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Dodanie cienia */
}

/* Styl dla pól w błędzie */
input.error {
    border-color: red;
}

/* Styl dla komunikatów o błędach */
.error {
    color: red;
    font-size: 12px !important;  /* Zmniejszony rozmiar czcionki */
    margin-top: 16px;
}

/* Styl dla przycisku */
#paczkomaty-btn {
  padding: 5px 10px;
  background-color: #EDEDED;
  color: #444;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  transition: border 0.3s ease, color 0.3s ease; /* Płynne przejście */
  border-color: #EDEDED !important;  /* Tło numeru */
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Dodanie cienia */
  text-decoration: none !important; /* Usunięcie podkreślenia */
  text-transform: none;
}

#paczkomaty-btn:hover {
    border-color: #999 !important;  /* Tło numeru */
    color: #999; /* Zmiana koloru tekstu na czarny */
    background-color: #EDEDED;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Dodanie cienia */
}

/* Styl dla przycisku orlen*/
#pwr-btn {
  padding: 10px 20px;
  background-color: #EDEDED;
  color: #444;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  transition: border 0.3s ease, color 0.3s ease; /* Płynne przejście */
  border-color: #EDEDED !important;  /* Tło numeru */
  text-decoration: none !important; /* Usunięcie podkreślenia */
  text-transform: none;
}

#pwr-btn:hover {
    border-color: #999 !important;  /* Tło numeru */
    color: #999; /* Zmiana koloru tekstu na czarny */
    background-color: #EDEDED;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Dodanie cienia */
}

#delivery-types .radio:nth-child(5) label img {
    height: 26px !important; /* Zmniejszamy obrazek */
    margin-right: 8px !important; /* Dopasowanie marginesu */
}

#delivery-types .radio:nth-child(3) label {
    font-size: 0.9rem !important; /* Zmniejszamy rozmiar tekstu */
}

#delivery-types .radio:nth-child(6) label img {
    height: 17px !important; /* Zmniejszamy obrazek */
    margin-right: 8px !important; /* Dopasowanie marginesu */
}

/* Ukrywamy tekst w label */
#payment-types label {
  display: flex;
  align-items: center;
}

#payment-types label::after {
  content: ''; /* Puste miejsce na loga */
  background-image: 
    url('https://cdn.brandfetch.io/id9mHBGLZz/theme/dark/logo.svg?c=1dxbfHSJFAPEGdCLU4o5B'), /* Blik */
    url('https://www.logo.wine/a/logo/Apple_Pay/Apple_Pay-Logo.wine.svg'), /* Apple Pay */
    url('https://cdn.brandfetch.io/idhem73aId/theme/dark/logo.svg?c=1dxbfHSJFAPEGdCLU4o5B'), /* Logo 3 */
    url('https://cdn.brandfetch.io/idFw8DodCr/theme/dark/symbol.svg?c=1dxbfHSJFAPEGdCLU4o5B') !important; /* Mastercard */
  background-size: 35px 18px, 42px 18px, 35px 18px, 35px 18px !important; /* Rozmiary każdego logo */
  background-size: 35px 18px, 42px 20px, 35px 18px, 35px 18px !important; /* Rozmiary każdego logo */
  background-repeat: no-repeat !important;
  background-position: 0 0, 45px 0, 90px 0, 135px 0 !important; /* Pozycje log na jednej linii */
  height: 18px !important; /* Wysokość log */
  width: 180px !important; /* Szerokość obszaru dla wszystkich log */
  display: inline-block !important;
  margin-left: 0px !important; /* Odstęp od poprzedniego elementu */
}

/* Stylowanie obrazka Przelewy24 */
#payment-types label img {
  height: 20px;
  margin-right: 10px;
}
 
/* Dodanie poziomej linii pomiędzy sekcjami */
.separator {
  border-top: 1px solid #ccc; /* Kolor linii (możesz dostosować) */
  margin: 0px 50; /* Dystans od góry i dołu linii */
}

/* Zamiast ukrycia zamień na kreskę */
.row.basic-form-additional-field label[for="order_delivery_address_attributes_company_name"] {
  display: block; /* Upewnij się, że jest widoczne */
  border-top: 1px solid #ddd; /* Pozioma kreska */
  margin: 20px 0 -10px 0; /* Odstęp: góra 10px, dół 20px */
  height: 0; /* Brak wysokości tekstu */
  overflow: hidden; /* Ukryj tekst */
}

.row.basic-form-additional-field input#order_delivery_address_attributes_company_name {
  display: none; /* Ukryj tylko pole do wpisywania */
}

/* Zmiana koloru ikony usuwania na czarny i zmniejszenie rozmiaru */
.delete-product-btn i.fa-times {
  color: #aaa; /* Ustawia kolor ikony na czarny */
  font-size: 14px; /* Zmniejsza rozmiar ikony */
  shadow: 0 0px 1px rgba(0, 0, 0, 0.2); /* Lekki cień */
}

.delete-product-btn:hover i.fa-times {
  color: #EDEDED; /* Kolor pozostaje czarny przy najechaniu */
}

/* Stylowanie okrągłych przycisków + i - */
#cart-form .quantity-change {
  background-color: #EDEDED !important;  /* Kolor tła przycisków */
  color: #444 !important;  /* Kolor tekstu */
  font-size: 16px !important;  /* Zmniejsz rozmiar czcionki */
  width: 20px !important;  /* Zmniejszona szerokość przycisku */
  height: 20px !important;  /* Zmniejszona wysokość przycisku */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50% !important;  /* Okrągłe przyciski */
  text-align: center;
  cursor: pointer;
  border: none !important;  /* Brak ramki */
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2); /* Lekki cień */
}

/* Ustawienie przycisków +/- bliżej numeru */
#cart-form .quantity-change {
  margin-right: -5px;  /* Odstęp z prawej strony przycisków */
  margin-left: -5px;   /* Odstęp z lewej strony przycisków */
}

/* Usunięcie podkreślenia z przycisków */
#cart-form .quantity-change {
  text-decoration: none !important;  /* Usunięcie podkreślenia */
}

/* Kolor przycisków po najechaniu */
#cart-form .quantity-change:hover {
  background-color: #ccc !important;  /* Przyciemniony kolor tła przycisku */
}

/* Stylowanie numeru - brak ramki, tło szare */
#cart-form .cart-items {
  width: 25px !important;  /* Szerokość pola numeru */
  height: 20px !important;  /* Wysokość pola numeru */
  text-align: center;  /* Wyrównanie numeru na środku */
  font-size: 12px !important;  /* Zmniejszony rozmiar czcionki */
  padding: 0 !important;  /* Brak wewnętrznych odstępów */
  margin: 0 10px !important;  /* Odstęp po bokach */
  border-radius: 5px !important;  /* Zaokrąglenie rogów */
  background-color: #fff!important;  /* Tło numeru */
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1); /* Lekki cień */
}

/* Stylizacja sekcji "Dodaj do zamówienia" */

/* Zmniejszenie rozmiaru obrazu */
.product-row .photo img {
  width: 70px !important; /* Szerokość obrazu */
  height: auto !important; /* Automatyczna wysokość dla zachowania proporcji */
  border-radius: 8px; /* Zaokrąglenie rogów */
  margin-right: 10px; /* Odstęp między obrazem a tekstem */
}

/* Stylizacja kwadratowych checkboxów dla zgód */
input[type="checkbox"] + label::before {
    content: '';
    position: relative;
    left: 0;
    top: 50%; /* Wyśrodkowanie w pionie */
    transform: translateY(-10%);
    width: 15px; /* Szerokość kwadratu */
    height: 15px; /* Wysokość kwadratu */
    border: 1px solid #ccc; /* Kolor obramowania */
    border-radius: 5px; /* Zaokrąglone rogi */
    background-color: #fff; /* Kolor wypełnienia */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Lekki cień */
    transition: all 0.3s ease; /* Animacja przy zmianach */
    margin-right: 10px; /* Odstęp między checkboxem a tekstem */
    display: inline-block; /* Umożliwia przesuwanie */
}

/* Zmniejszenie całej sekcji dostawy i płatności */
#delivery-and-payment {
    transform: scale(1); /* Zmniejszenie całej sekcji o 80% */
    transform-origin: top left; /* Punkt odniesienia do zmniejszenia */
}

#delivery-and-payment h4 {
    font-size: 1em; /* Zmniejszenie nagłówków */
}

#delivery-and-payment label {
    font-size: 0.9em; /* Zmniejszenie etykiet */
}

#delivery-and-payment img {
    height: 16px; /* Zmniejszenie obrazków */
    margin-right: 8px; /* Dostosowanie marginesu */
}

#delivery-and-payment .price {
    font-size: 0.9em; /* Zmniejszenie tekstu ceny */
}

#delivery-and-payment .point-selector {
    font-size: 0.8em; /* Zmniejszenie przycisku wyboru punktu */
    padding: 1px 5px; /* Dostosowanie marginesów przycisku */
}

/* Stylizacja kwadratowych checkboxów dla sekcji dostawy */
#delivery-types input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%; /* Wyśrodkowanie w pionie */
    transform: translateY(-50%);
    width: 15px; /* Szerokość kwadratu */
    height: 15px; /* Wysokość kwadratu */
    border: 1px solid #ccc; /* Kolor obramowania */
    border-radius: 100px; /* Zaokrąglone rogi */
    background-color: #fff; /* Kolor wypełnienia */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Lekki cień */
    transition: all 0s ease; /* Animacja przy zmianach */
}

/* Stylizacja zaznaczenia */
#delivery-types input[type="radio"]:checked + label::before {
    background-color: #444; /* Kolor wypełnienia po zaznaczeniu */
    border: 3px solid #fff; /* Czarna ramka */
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.6); /* Lekki cień */
}

/* Stylizacja okraglego checkboxa z obramowaniem platnosci */
#payment-types input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px; /* Szerokość checkboxa */
    height: 15px; /* Wysokość checkboxa */
    border: 1px solid #ccc; /* Czarna ramka */
    border-radius: 100px; /* Zaokrąglone rogi */
    background-color: #fff; /* Kolor wypełnienia przed zaznaczeniem */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Lekki cień */
    transition: all 0.3s ease; /* Animacja przy zmianach */
}

/* Stylizacja zaznaczenia - wypełnienie z obramowaniem */
#payment-types input[type="radio"]:checked + label::before {
    background-color: #444; /* Kolor wypełnienia po zaznaczeniu */
    border: 3px solid #fff; /* Czarna ramka */
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.6); /* Lekki cień */
}

/* Ukryj standardowy checkbox */
input[type="checkbox"] {
    display: none;
}

/* Ukrycie informacji w nagłówku */
.orders-path-header .protection-info {
    display: none;
}

/* Ramka z tylko dolną linią w nagłówku */
.orders-path-header {
  border-bottom: 1px solid #ccc; /* Dolna ramka w kolorze zielonym */
  padding-bottom: 20px; /* Wewnętrzne marginesy poniżej nagłówka */
  background-color: #f8f8f8; /* Tło nagłówka */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.orders-path-header .logo img {
  max-height: 63px; /* Maksymalna wysokość logo */
  max-width: 110%; /* Logo nie wykracza poza kontener */
}

.orders-path-header .back-link {
    color: #ffffff;
    border: 0px solid #000000;
    border-radius: 50px;
    text-decoration: none; /* Usunięcie podkreślenia */
    padding: -20px -10px; /* Ustawienie wewnętrznych marginesów (wymiary przycisku) */
    font-size: 5px; /* Rozmiar tekstu */
    padding-left: 20px; /* Przesunięcie tekstu w prawo, aby miejsce na strzałkę było wyraźne */
    line-height: 33px; /* Normalna wysokość linii */
}

.orders-path-header .back-link:hover {
  border: 0px solid #000000; /* Pogrubienie i zmiana koloru ramki na czarny */
    color: #ffffff; /* Zmiana koloru tekstu na czarny */
    background-color: #ffffff;
}

.orders-path-header .back-link::before {
  content: '\2190'; /* Strzałka w lewo (←) */
  font-size: 28px; /* Rozmiar strzałki */
  color: #000000; /* Kolor strzałki */
  position: absolute;
  left: 1;
  top: 47%;
  transform: translateY(-50%); /* Wyrównanie pionowe */
}

/* Stylizacja informacji o połączeniu SSL */
.protection-info {
  text-align: center;
  margin-bottom: 10px; /* Odstęp poniżej tej sekcji */
}

.protection-info span {
  font-size: 10px; /* Rozmiar czcionki */
  color: #ccc; /* Kolor zielony */
}

/* Stylizacja podtytułu Wazne!*/
.subtitle {
    font-size: 14px !important; /* Ustaw żądany rozmiar czcionki */
    color: #ff0101 !important; /* Zmień kolor tekstu na pomarańczowy (przykład) */
    line-height: 1.2 !important; /* Dostosuj wysokość linii */
    margin-bottom: 0px !important; /* Dodaj odstęp dolny między wierszami, jeśli potrzebne */
    margin-top: 0px !important; /* Dodaj odstęp dolny między wierszami, jeśli potrzebne */
    margin-left: 10px !important; /* Przesunięcie w prawo */
    text-align: left; /* Opcjonalnie wyrównaj tekst */
}

#time-limited-discount {
    color: inherit !important; /* Usuwa wszelkie podświetlenia kolorem */
    background-color: transparent !important; /* Usuwa tło (np. zielone) */
   color: #28a745 !important; /* Kolor tekstu */
}

#mobile-upsell {
    border: 1px solid #ccc; /* Kolor ramki */
  border-radius: 8px; /* Zaokrąglenie rogów */
  padding: 10px; /* Wewnętrzne odstępy */
  margin-bottom: 20px; /* Odstęp poniżej sekcji */
  margin-top: -10px; /* Odstęp powyżej sekcji */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#mobile-upsell .close {
    font-size: 12px !important; /* Zmniejszenie rozmiaru czcionki */
    color: #888 !important; /* Kolor tekstu */
    position: absolute !important; /* Ustawienie w odpowiedniej pozycji */
    top: -16px !important; /* Odstęp od góry */
    right: 0px !important; /* Odstęp od prawej krawędzi */
    border: 28px solid #fff !important; /* Białe obramowanie, które zakryje trójkąt */
    padding: -18px !important; /* Dodanie odstępu wewnętrznego, aby obramowanie nie było za ciasne */
   background-color: #ffffff !important; /* Przezroczyste tło */
   border-radius: 0px !important; /* Zaokrąglenie rogów */
   border-width: 20px 20px 18px 40px !important; /* Szerokości obramowania (top right bottom left) */
}

#mobile-upsell .claim {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #444 !important;
    text-align: left !important;
    margin-top: 10px !important; /* Przesunięcie w dół */
    margin-left: 10px !important; /* Przesunięcie w lewo */
    margin-right: 15px !important; /* Przesunięcie w prawo */
}

td.price span:last-child {
    color: green !important; /* Zmiana koloru tekstu na zielony */
    font-weight: bold; /* Opcjonalne pogrubienie */
    font-size: 1rem; /* Opcjonalne dostosowanie rozmiaru czcionki */
}

#mobile-upsell .add-product-btn {
    background-color: #EDEDED !important; /* Zielony kolor tła */
    border: 1px solid #EDEDED ; /* Pogrubienie i zmiana koloru ramki na czarny */
    color: #444 !important; /* Kolor tekstu */
    padding: 4px 6px !important; /* Wewnętrzne marginesy */
    border-radius: 50px !important; /* Zaokrąglenie rogów */
    text-align: center !important; /* Wyśrodkowanie tekstu */
    text-decoration: none !important; /* Usunięcie podkreślenia */
    font-size: 14px !important; /* Rozmiar czcionki */
    display: inline-block !important; /* Przyciski ustawione w jednej linii */
    margin-top: -5px !important; /* Odstęp od innych elementów */
    margin-bottom: 10px !important; /* Odstęp od innych elementów */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1) !important; /* Delikatny cień */
    transition: background-color 0.3s ease !important; /* Animacja przy zmianie koloru */
    text-transform: capitalize !important; /* Pierwsza litera każdego wyrazu wielka */
}

#mobile-upsell .add-product-btn:hover {
  border: 2px solid #fff; /* Pogrubienie i zmiana koloru ramki na czarny */
    color: #ffffff; /* Zmiana koloru tekstu na czarny */
    background-color: #ffffff;
}

/* Usunięcie wewnętrznej ramki */
#mobile-upsell .content {
  border: none; /* Usunięcie ramki */
  padding: 0;   /* Opcjonalne usunięcie wewnętrznych odstępów */
} 

#get-guss-data-button {
    display: none;
}

/* Ukrycie przycisku "Wróć do sklepu" */
.back-link {
  border-radius: 8px;
}

/* Opcjonalnie, jeśli chcesz dodać margines do etykiety */
#invoice-check + label {
    margin-top: 15px; /* Dodanie marginesu do etykiety */
}

/* Form inputs */
.orders-path-wrapper .order-content .input-group input[type=text], 
.orders-path-wrapper .order-content .input-group input[type=email], 
.orders-path-wrapper .order-content .input-group input[type=tel], 
.orders-path-wrapper .order-content .input-group textarea {
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    color: #000;
    width: 100%; /* Make inputs take full width */
    margin-bottom: -18px; /* Dodaje margines na dole każdego pola formularza */
}

/* Opcjonalne modyfikacje marginesów między tabelkami (np. między sekcjami formularza) */
.orders-path-wrapper .order-content .input-group {
    margin-bottom: 0px; /* Margines pomiędzy sekcjami formularza */
}

/* Marginesy dla tabeli, jeśli są wykorzystywane */
.orders-path-wrapper .order-content .table {
    margin-bottom: 0px; /* Margines na dole tabeli */
}

/* Dodanie odstępów między etykietą a polem formularza */
.orders-path-wrapper .order-content .label-group {
    margin-bottom: 0px; /* Odstęp pomiędzy etykietą a polem formularza */
}

/* Ukrycie całej sekcji zawierającej "Koszt płatności" */
.row.clearfix:has(#payment-price) {
  display: none !important;
}

/* Zmniejszenie czcionki nagłówka "Twoje zakupy" */
.sidebar-summary h3.subtitle {
  font-size: 16px !important; /* Rozmiar czcionki */
  font-family: 'Lato, Arial, Helvetica, sans-serif !important; /* Czcionka */
  margin-bottom: -20px !important; /* Odstęp poniżej nagłówka */
  padding-bottom: 20px !important; /* Odstęp wewnętrzny od dołu */
  text-align: left !important; /* Wyrównanie tekstu do lewej */
  font-weight: bold !important; /* Pogrubienie czcionki */
  margin-top: 0px !important; /* Odstęp od góry */
  color: #444 !important; /* Kolor czcionki */
}

/* Styl nagłówka 2. Podaj adres dostawy */
.step-two h3.subtitle {
  font-size: 16px !important; /* Rozmiar czcionki */
  font-family: ''Lato, Arial, Helvetica, sans-serif !important; /* Czcionka */
  margin-bottom: 25px !important; /* Odstęp poniżej nagłówka */
  text-align: left !important; /* Wyrównanie tekstu do lewej */
  font-weight: bold !important; /* Pogrubienie czcionki */
  margin-top: -12px !important; /* Odstęp od góry */
  margin-left: 0px !important; /* Odstęp left */
  color: #444 !important; /* Kolor czcionki */
}

/* Styl nagłówka 2. Podaj adres dostawy */
.step-three h3.subtitle {
  font-size: 16px !important; /* Rozmiar czcionki */
  font-family: 'Lato, Arial, Helvetica, sans-serif; /* Czcionka */
  margin-bottom: 32px !important; /* Odstęp poniżej nagłówka */
  text-align: left !important; /* Wyrównanie tekstu do lewej */
  font-weight: bold !important; /* Pogrubienie czcionki */
  margin-top: 0px !important; /* Odstęp od góry */
  margin-left: -15px !important; /* Odstęp left */
  color: #444 !important; /* Kolor czcionki */
}

/* Dodanie ramki do sekcji "Podaj adres dostawy" */
.step-two-border-wrapper {
  border: 1px solid #ccc; /* Kolor ramki */
  border-radius: 8px; /* Zaokrąglenie rogów */
  padding: 20px; /* Wewnętrzne odstępy */
  margin-bottom: 20px; /* Odstęp poniżej sekcji */
  margin-top: 10px; /* Odstęp powyżej sekcji */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Nagłówek nad ramką */
.step-one h3.subtitle {
  font-size: 16px !important; /* Zmiana czcionki */
  font-family: 'Arial', sans-serif !important; /* Możesz zmienić czcionkę */
  margin-bottom: 30px !important; /* Odstęp między nagłówkiem a ramką */
  text-align: left !important; /* Jeśli chcesz wyrównać do lewej */
display: none !important;
}

/* Ramka dla sekcji z id delivery-and-payment */
#delivery-and-payment {
  border: 1px solid #ccc; /* Szara ramka */
  padding: 20px;
  border-radius: 10px;
  margin-top: 0px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Global styles */
.orders-path-header {
    background-color: white;
}

.orders-path-header .logo img {
    height: 80px;
}

.step-two, .step-three {
    padding-top: 8px;
}

/* Form inputs formularz*/
.orders-path-wrapper .order-content .input-group input[type=text], 
.orders-path-wrapper .order-content .input-group input[type=email], 
.orders-path-wrapper .order-content .input-group input[type=tel], 
.orders-path-wrapper .order-content .input-group textarea {
    border-radius: 10px; /* Zaokrąglone rogi */
    color: #000; /* Kolor tekstu */
    width: 100%; /* Pełna szerokość */
    padding: 12px; /* Padding wewnątrz inputów */
    font-size: 14px; /* Zmieniony rozmiar czcionki */
    background-color: #fffffff; /* Jasne tło */
    border: 1px solid #ccc; /* Obramowanie inputu */
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); /* Cień dla inputów */
    transition: all 0.3s ease; /* Animacja przejścia przy interakcji */
}

/* Zmiana koloru tła na jaśniejszy przy najechaniu */
.orders-path-wrapper .order-content .input-group input[type=text]:focus,
.orders-path-wrapper .order-content .input-group input[type=email]:focus,
.orders-path-wrapper .order-content .input-group input[type=tel]:focus,
.orders-path-wrapper .order-content .input-group textarea:focus {
    background-color: #fff; /* Zmiana tła na białe przy fokusu */
    border-color: #ffffff; /* Kolor obramowania na niebieski przy fokusu */
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.6); /* Cień przy fokusu */
    outline: none; /* Usunięcie domyślnego konturu */
}

.orders-path-wrapper .order-content .input-group input.error {
    border: 1px solid red !important; /* Obramowanie na czerwono */
    box-shadow: 0 0 4px rgba(255, 0, 0, 0.5) !important; /* Czerwony cień */
}

/* Styl dla tekstu w textarea */
.orders-path-wrapper .order-content .input-group textarea {
    resize: vertical; /* Możliwość zmiany rozmiaru w pionie */
    min-height: 100px; /* Minimalna wysokość dla textarea */
}

/* Styl przycisku submit */
.orders-path-wrapper .order-content .input-group button[type=submit] {
    padding: 12px 20px; /* Padding przycisku */
    background-color: #007bff; /* Kolor tła przycisku */
    color: #fff; /* Kolor tekstu w przycisku */
    border: none; /* Brak obramowania */
    border-radius: 5px; /* Zaokrąglone rogi przycisku */
    cursor: pointer; /* Wskaźnik jako rączka */
    transition: background-color 0.3s ease; /* Animacja zmiany tła */
}

/* Zmiana stylu przycisku przy najechaniu */
.orders-path-wrapper .order-content .input-group button[type=submit]:hover {
    background-color: #ffffff; /* Ciemniejszy kolor tła przy najechaniu */
    color: #007bff; /* Kolor tekstu */
    border-color: #007bff; /* Zmiana koloru obramowania */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Dodanie cienia */
    transform: scale(1.05); /* Powiększenie przycisku */
    transition: all 0.3s ease; /* Płynne przejście efektów */
}

/* Button styling */
.crm-extra-submit-btn {
    border-radius: 50px;
    margin-top: 12px;
    margin-bottom: 12px;
    border: 1px solid #116DFF; /* Początkowy kolor ramki */
    padding: 10px 50px;
    background-color: #116DFF;
    font-size: 16px;
    color: #C1E5FF; /* Kolor tekstu początkowy (ciemnoszary) */
    cursor: pointer;
    transition: border 0.3s ease, color 0.3s ease; /* Płynne przejście */
display: none !important;
}

.crm-extra-submit-btn:hover {
    border: 2px solid #C1E5FF; /* Pogrubienie i zmiana koloru ramki na czarny */
    color: #C1E5FF; /* Zmiana koloru tekstu na czarny */
    background-color: #116DFF;
}

/* Select2 input fields */
.select2-container--default .select2-selection--single {
    border-radius: 50px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

/* Label styling */
.orders-path-wrapper .order-content .label-group label {
    font-size: 0.8rem;
}

/* Sidebar styling */
.orders-path-wrapper .order-sidebar .sidebar-summary {
    border-radius: 8px;
    border: 1px solid #ffffff;
    box-shadow: 0px 0px rgba(0, 0, 0, 0.1);
    padding: 0.8rem;
}

/* Checkbox label styling */
.orders-path-wrapper .order-content .checkbox label {
    line-height: 1.2rem;
    font-size: 66%;
}

/* Textarea styling */
.orders-path-wrapper .order-sidebar .order-comment .order-comment-text textarea {
    border-radius: 8px;
}

/* Button plac styling in sidebar */
.orders-path-wrapper .order-content .step-summary-button button {
    border-radius: 50px;
    margin-top: -12px;
    border: 1px solid #116DFF; /* Początkowy kolor ramki */
    padding: 10px 50px;
    background-color: #116DFF;
    font-size: 16px;
    color: #C1E5FF; /* Kolor tekstu początkowy (ciemnoszary) */
    cursor: pointer;
    transition: border 0.3s ease, color 0.3s ease; /* Płynne przejście */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Dodanie cienia */
}

.orders-path-wrapper .order-content .step-summary-button button:hover {
    border: 4px solid #C1E5FF; /* Pogrubienie i zmiana koloru ramki na czarny */
    color: #C1E5FF; /* Zmiana koloru tekstu na czarny */
    background-color: #116DFF;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Dodanie cienia */
}

/* Price styling in order list */
.orders-path-wrapper .order-sidebar .order-list .price {
    padding-left: 6px;
}

/* Radio button styling */
.orders-path-wrapper .order-content .radio {
    margin-bottom: 16px;
}

.orders-path-wrapper .order-content .radio * {
    border-radius: 5px;
}

/* Point selector button */
.point-selector {
    border-radius: 5px;
}

/* Horizontal line in order content */
.orders-path-wrapper .order-content hr {
    margin: 20px 0 20px 20px;
}

/* Discount code button */
.orders-path-wrapper .order-sidebar .order-discount-code,
.orders-path-wrapper .order-sidebar .order-discount-code button {
    border-radius: 50px;
}

/* Adjust checkbox spacing */
.orders-path-wrapper .order-content .checkbox:last-child {
    margin-bottom: 20px;
    margin-top: 10px;
}

/* Protection info styling */
.protection-info {
    padding: 5px 0;
}

/* Focus state for inputs */
.orders-path-wrapper .order-content .input-group input[type=text]:focus, 
.orders-path-wrapper .order-content .input-group input[type=email]:focus, 
.orders-path-wrapper .order-content .input-group input[type=tel]:focus, 
.orders-path-wrapper .order-content .input-group textarea:focus {
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    /* Make header elements smaller on mobile */
    .orders-path-header .logo img {
        height: 800;
    }
.logo {
    width: 200px;  /* Zwiększenie szerokości logo */
    height: auto;  /* Utrzymanie proporcji */
    margin-top: 5px; /* Przesunięcie logo w górę */
    margin-left: -15px; /* Przesunięcie logo w lewo */
  }

/* Stylizacja ceny dla ekranów mobilnych rekomendowane */
    .product-row .price span {
    font-size: 14px !important; /* Dopasuj rozmiar tekstu na telefonie */
    color: #008000 !important; /* Wymuszony kolor dla mobilnych */
    margin-bottom: 5px; /* Odstęp poniżej nazwy produktu */
    margin-top: 10; /* Usuń odstęp powyżej ceny */
  }
    .product-row .price {
    margin-top: 0 !important; /* Usuń odstęp powyżej ceny */
    padding-top: 0 !important; /* Usuń ewentualne wypełnienie */
  }

    .orders-path-wrapper .order-content .input-group input[type=text], 
    .orders-path-wrapper .order-content .input-group input[type=email], 
    .orders-path-wrapper .order-content .input-group input[type=tel], 
    .orders-path-wrapper .order-content .input-group textarea {
        padding: 10px;
    }

    .crm-extra-submit-btn {
        width: 100%;
        padding: 12px;
        font-size: 0.9rem;
        height: auto;
    }

    /* Adjust the sidebar for smaller screens */
    .orders-path-wrapper .order-sidebar .sidebar-summary {
        padding: 0.5rem;
    }

    /* Adjust checkbox and label for mobile view */
    .orders-path-wrapper .order-content .checkbox label {
        font-size: 0.8rem;
    }

    /* Make button sizes responsive */
    .orders-path-wrapper .order-content .step-summary-button button {
        padding: 12px 20px;
        width: 100%;
    }
  
  #payment-types label .blik-logo {
    margin-right: -25px; /* Zmniejszamy odstęp między logo */
  }

}