/* ======================================================================================================= */
/* ===                                      NAGŁÓWEK (HEADER)                                          === */
/* ======================================================================================================= */

/* ==========================PASEK DARMOWEJ DOSTAWY========================== */

/* Zmiana koloru tła paska "Darmowa dostawa" */
#freeShipping {
    border-color: #ffb80e;
}
/* Zmiana koloru tekstu "Darmowa dostawa" */
#freeShipping .freeShipping__info,
#freeShipping .freeShipping__val,
#freeShipping .freeShipping__close {
    color: #b0bbae;
}
/* Efekt hover dla znaku "X" */
#freeShipping .freeShipping__close:hover {
    color: #D81D1D !important;
}

/* ==========================TŁO NAGŁÓWKA========================== */

/* Zmiana koloru tła nagłówka na ciemnoszary oraz ustawienie koloru granicy */
.commercial_banner::before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #171717 !important;
    border-bottom: 4px solid #70786f;
}
/* ==========================KATEGORIE W MENU NAGŁÓWKA ORAZ POZSOTAŁE LINKI========================== */

/* Zmiana koloru tekstu menu i linków "Zaloguj się/Twoje konto" oraz "Listy zakupowe" */
.commercial_banner .nav-link.--l1,
.commercial_banner .wishlist_link,
.account_links__item {
    text-decoration: none;
    transition: color 0.3s ease;
    color: #b0bbae !important;
}
/* Efekt hover dla menu i linków "Zaloguj się/Twoje konto" oraz "Listy zakupowe" */
.commercial_banner .nav-link.--l1:hover,
.commercial_banner .wishlist_link:hover,
.account_links__item:hover,
a.wishlist_link.slt_link:hover {
    color: #ffffff !important;
    text-decoration: underline #ffb80e;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}
/* Przeniesienie linku "Zaloguj się/Twoje konto" na wierzch nagłówka */
.account_links__item {
    position: relative;
}
/* Przesunięcie w dół okna "Listy zakupowe" oraz ustawienie koloru tła, i granicy */
.slt_lists {
    margin-top: 45px;
    background-color: #000 !important;
    padding: 15px !important;
    transition: color 0.3s ease;
    border: 1px solid #70786f !important;
}
/* Zmiana koloru tekstu i ikon w oknie "Listy zakupowe" */
.slt_lists span,
.slt_lists a {
    color: #fff !important;
    transition: color 0.3s ease;
}
/* Efekt hover dla tekstu i ikon w o oknie "Listy zakupowe" */
.slt_lists a:hover,
.slt_lists a:hover span {
    color: #ffb80e !important;
}
/* Wymuszenie stałego wyglądu strzałki i przygotowanie animacji w linku "Listy zakupowe" */
.shopping_list_top .slt_link::after {
    content: '\F107' !important;
    font-family: FontAwesome;
    display: inline-block;
    transform: rotate(0deg);
    transition: transform 0.3s ease, color 0.3s ease !important;
}
/* Animacja obrotu oraz efekt hover dla strzałki w linku "Listy zakupowe" */
.shopping_list_top .slt_link:hover::after {
    transform: rotate(180deg);
    color: #ffb80e!important;
}

/* ==========================WYSZUKIWARKA========================== */

#menu_search .menu_search__submit:hover {
    color: #ffb80e;
}

/* ==========================KOSZYK W NAGŁÓWKU========================== */



/* Zmiana koloru ikony oraz licznika koszyka w nagłówku */
.commercial_banner .topBasket__sub {
    color: #ffb80e !important;
}
@media (min-width: 979px) {
    /* Zmiana koloru tła kontenera koszyka w nagłówku */
    .topBasket__sub {
        background-color: #171717;
    }
}

/* ==========================LINK ZMIANY KRAJU========================== */

/* Zmiana koloru ikony ciężarówki w nagłówku na biały */
@media (min-width: 979px) {
    #menu_settings .open_trigger i {
        color: #b0bbae !important;
        transition: color 0.3s ease;
    }
    /* Efekt hover dla ikony ciężarówki w nagłówku */
    #menu_settings .open_trigger:hover i {
        color: #ffb80e !important;
    }
}
/* Ustawienie granicy pola "Kraj" */
@media (min-width: 979px) {
    #menu_settings:not(.--select_language) form > ul {
        border: 1px solid #b0bbae !important;
    }
}
@media (min-width: 979px) {
    #menu_settings:not(.--select_language) form > ul {
        padding: 20px 0;
        background: #000;
        box-shadow: var(--elements-box-shadow);
        border: var(--elements-border);
        border-radius: 0;
        color: #fff;
    }
}

/* ==========================STRZAŁKI MENU W NAGŁÓWKU========================== */

/* Wstępne ustawienia dla strzałek w kategoriach menu w nagłówku oraz ich wyśrodkowanie */
a.nav-link.--l1 {
  display: flex;
  align-items: center;
}
/* Usawienia białego koloru strzałki, odstępu między tekstem a strzałką oraz punkt obrotu */
a.nav-link.--l1::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: translateY(-2px) rotate(45deg);
  margin-left: 5px;
  transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transform-origin: center center;
}
/* Efekt hover dla strzałek w kategoriach menu w nagłówku oraz rotacja */
a.nav-link.--l1:hover::after {
  transform: translateY(1px) rotate(-135deg);
  border-color: #ffb80e;
}

/* ==========================ROZWIAJANA LISTA KATEGORII MENU W NAGŁÓWKU=========================== */

/* Zmiana koloru tła w rozwijanym menu pod-kategorii (część 1)*/
ul.navbar-subnav.--cols1 {
    background-color: #000;
}
/* Zmiana koloru tła w rozwijanym menu pod-kategorii (część 2)*/
ul.navbar-subnav.--cols2 {
    background-color: #000;
}
/* Zmiana koloru tekstu w rozwijanym menu pod-kategorii */
header.commercial_banner .navbar-subnav a {
    color: #fff !important;
}
/* efekt hover dla tekstu w rozwijanym menu pod-kategorii */
header.commercial_banner .navbar-subnav a:hover {
    color: #ffb80e !important;
}
/* Zmiana wielkości tekstu w rozwijanym menu pod-kategorii oraz ustawienie granic */
header .navbar-subnav .nav-link {
    text-transform: uppercase;
    font-size: 1.3rem;
    padding: 10px;
    word-break: break-word;
    background-color: #000;
}
/* Zmiana wielkości tekstu pod-kategorii w rozwijanym menu pod-kategorii i ustawienie granic */
header .navbar-subsubnav .nav-link {
    font-weight: normal;
    text-transform: none;
    font-size: 1.2rem;
    padding: 2.5px 10px;
}
/* Dodanie strzałki do pod-podkategorii w kategoriach menu */
.nav-link.--l3::before {
    content: '>';
    color: #ffb80e;
    font-weight: bold;
    margin-right: 10px;
}

/* ==========================ŚCIEŻKA NAWIGACJI W NAGŁÓWKU========================== */

@media (min-width: 979px) {
    /* Zmiana koloru tekstu w ścieżce nawigacji */
    #breadcrumbs a,
    #back_button button,
    #breadcrumbs .bc-product-name span,
    #breadcrumbs li.bc-active > span {
       color: #b0bbae!important;
       transition: color 0.3s ease;
    }
}
/*  Efekt hover dla tekstu w ścieżce nawigacji */
#breadcrumbs a:hover,
#back_button button:hover {
    color: #fff !important;
}
/*  Zmiana koloru tekstu w pod-kategorii w ścieżce nawigacji */
#breadcrumbs .breadcrumbs__sub a {
    color: #fff !important;
    transition: color 0.3s ease;
}
/*  Efekt hover dla tekstu w pod-kategorii w ścieżce nawigacji */
#breadcrumbs .breadcrumbs__sub a:hover {
    color: #ffb80e !important;
}
/* Ustawienie koloru, grubości i granic dla strzałek w pasku nawigacji */
.breadcrumbs ol > li::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 700;
    text-decoration: inherit;
    padding: 0 5px;
    display: inline-block;
    color: #b0bbae !important;
    transition: color 0.3s ease, transform 0.3s ease;
}
/* Ustawienie rozszerzenia pola pod-kategorii w pasku nawigacji */
.breadcrumbs__sub .breadcrumbs__link {
    white-space: nowrap;
}
/* Ustawienie granicy pola pod-kategorii w pasku nawigacji */
#breadcrumbs .breadcrumbs__sub {
    background-color: #000 !important;
    border: 1px solid #70786f !important;
}
@media (min-width: 979px) {
    /* Ustawienia strzałki statycznej w pasku nawigacji */
    .breadcrumbs ol > li:not(.--more)::after {
       content: '\F105';
       transform: none;
       transition: color 0.3s ease;
    }
}
@media (min-width: 979px) {
    /* Efekt hover dla strzałek statycznych w pasku nawigacji */
    .breadcrumbs ol > li:not(.--more):hover::after {
       color: #ffb80e !important;
    }
}
/* Ustawienie poczatku animacji dla strzałek z obrotem w pasku nawigacji */
.breadcrumbs ol > li.--more::after {
    content: none !important;
}
/* Wstepne ustawienia aniamcji dla strzałek z obrotem w pasku nawigaacji */
.breadcrumbs ol > li.--more > a::after { 
    content: '\F107' !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 700;
    text-decoration: inherit;
    padding: 0 5px;
    display: inline-block;
    color: #b0bbae !important;
    transition: color 0.3s ease, transform 0.3s ease;
    transform: rotate(0deg);
}
@media (min-width: 979px) {
    /* Efekt hover dla strzałek z obrotem w pasku nawigacji */
    .breadcrumbs ol > li.--more > a:hover::after {
       transform: rotate(180deg);
       color: #ffb80e !important;
    }
}

/* ==========================STRONA LOGOWANIA ZMIANY W NAGŁÓWKU========================== */

/* Zmiana koloru tekstu na stronie logowania i rejestracji "Bezpieczne zakupy" na biały */
.order_process_security__label {
    color: #ffffff !important;
}

/* ==========================GŁÓWNY BANER Z SLAJDEREM========================== */

/* Zmiana lokalizacji przycisków slidera */
.swiper-button-prev.--rounded {
  left: 0px;
}
.swiper-button-next.--rounded {
  right: 0px;
}

/* ======================================================================================================= */
/* ===                                      STRONA GŁÓWNNA                                           ===== */
/* ======================================================================================================= */

/* ==========================PRZYCISK POWROTU========================== */

/* Efekt hover dla przycisku powortu na samą górę strony głównej */
#backTop:hover {
    background: #ffb80e;
    color: #000;
}
/* ==========================TŁO MINIATUREK OFERT========================== */

/* Usunięcie szarego tła z miniaturek produktów na stronie głównej */
.product__icon {
    background: #ffffff !important;
}

/* ======================================================================================================= */
/* ===                                      STOPKA (FOOTER)                                            === */
/* ======================================================================================================= */

/* ==========================TŁO STOPKI========================== */

/* Zmiana koloru tła stopki na ciemnoszary oraz ustawienie szerokości i granicy */
footer.max-width-1200::before {
    content: '';
    position: absolute;
    width: 200vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #171717;
    border-top: 4px solid #70786f;
    z-index: -1;
}
/* ==========================RAMKA I POZYCJONOWANIE SEKCJI========================== */


/* Usuniecie odstępów między kontenerami menu w stopce */
@media (min-width: 979px) {
    nav#footer_links {
        gap: 0px;
    }
}
/* Ustawienie granicy, lokalizacji oraz marginesów dla menu "Zamówienia" w stopce */
@media (min-width: 979px) {
    nav#footer_links ul#menu_orders {
        padding-left: 20px;
        padding-top: 20px;
        border-left: 2px solid #70786f;
        border-top: 2px solid #70786f;
        border-bottom: 2px solid #70786f;
        border-right: none;
        height: 292.56px;
    }
}
/* Ustawienie granicy, lokalizacji oraz marginesów dla menu "Konto" w stopce */
@media (min-width: 979px) {
    nav#footer_links ul#menu_account {
        padding-left: 20px;
        padding-top: 20px;
        border-left: none;
        border-top: 2px solid #70786f;
        border-bottom: 2px solid #70786f;
        border-right: 2px solid #70786f;
        width: 252.5px;
        height: 292.56px;
    }
}
/* Ustawienie granicy, lokalizacji oraz marginesów dla menu "Regulaminy" w stopce */
@media (min-width: 979px) {
    nav#footer_links ul#menu_regulations {
        padding-left: 40px;
        padding-top: 20px;
        padding-right: 20px;
        border-left: 0px none rgb(51, 51, 51);
        border-right: 0px none rgb(0, 128, 0);
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        width: 252.5px;
        height: 292.547px;
        margin: 0px;
        margin-top: 0px;
    }
}
/* Ustawienie granicy, lokalizacji oraz marginesów dla menu "Media społecznościowe" w stopce */
@media (min-width: 979px) {
    nav#footer_links ul#links_footer_1 {
        padding-left: 0px;
        padding-top: 20px;
        padding-right: 24px;
        border: 0px none rgb(51, 51, 51);
        border-left: 0px none rgb(51, 51, 51);
        border-right: 0px none rgb(51, 51, 51);
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 292.5px;
        height: 332.578px;
        margin: 0px;
        margin-top: 0px;
    }
}

/* ==========================ZMIANA KOLORU TEKSTÓW W STOPCE========================== */

/* Zmiana koloru tekstu dla wszystkich linków w stopce (oprócz "Zarządzaj plikami cookie") na biały */
footer.max-width-1200 a {
    color: #ffffff !important;
    transition: color 0.3s ease;
}
/* Zmiana koloru tekstu "Regulaminy" i "Media społecznościowe" */
#menu_regulations .footer_links_label,
#footer_links > ul:nth-of-type(4) .footer_links_label {
    color: #ffb80e !important;
    pointer-events: none;
}
/* Zmiana koloru tekstu "W sklepie prezentujemy ceny brutto" */
.price_info__text.--type {
    color: #ffffff !important;
}
/* Zmiana koloru tekstu dla adresu w stopce */
.contact_type_adress {
    color: #ffffff !important;
}
/* Zmiana koloru tekstu dla linku "Zarządzaj plikami cookie" na biały */
#footer_links #manageCookies {
    color: #ffffff !important;
    transition: color 0.3s ease;
}
/* Efekt hover dla wszystkich linków w stopce (oprócz "Zarządzaj plikami cookie")  */
footer.max-width-1200 a:hover {
    color: #ffb80e !important;
}
/* Efekt hover dla linku "Zarządzaj plikami cookie" */
#footer_links #manageCookies:hover {
    color: #ffb80e !important;
}

/* ======================================================================================================= */
/* ===                                      STRONA KATEGORII                                           === */
/* ======================================================================================================= */

/* ==========================WSPÓLNE USTAWIENIA DLA PRZYCISKÓW "MARKA I "CENA"========================== */

/* Dodanie granic dla przycisków "Marka" i "Cena" oraz ustawienie odstepów od granic*/
.btn.--icon-right.d-block.pr-4 {
    border: 1px solid #70786f !important;
    border-left: solid #70786f;
    border-right: solid #70786f;
    background-color: #70786f;
    width: 60.2273px; 
    padding-left: 5px;
    margin-left: 0;
    color: #000;
    background-color: #fff;
}
/* Przesunięcie strzłek wewnatrz przycisków "Marka" i "Cena" o 5 pixeli w lewo */
.filters__toggler:not(.--not-expandable) .btn.--icon-right:before {
    right: 7px;
}

/* ==========================PRZYCISK "MARKA"========================== */

/* Ustawienie koloru dla tła okna "Marka" */
.filters__expand.p-md-2,
.f-group.--small.--checkbox.mb-0 {
   background-color: #000;
}
/* Ustawienie koloru dla tekstu w oknie "Marka" */
.f-group.--checkbox .f-control.focused + .f-label {
    color: #fff;
}
/* Ustawienie koloru oraz rozmiaru dla przycisku "Zastosuj" w oknie "Marka" */
.--submit.btn.py-0.pl-0.pr-3 {
    height: 25px;
    background-color: #ffb80e;
    color: #000;
}
/* Efekt hover dla przycisku "Zastosuj" w oknie "Marka" */
.--submit.btn.py-0.pl-0.pr-3:hover {
    background-color: #70786f;
    color: #fff;
}
/* Przesunięcie tekstu w przycisku "Zastosuj" w przycisku "Marka" o 17 px w lewo */
.filters__options .--submit:only-child {
    margin-top: 1rem;
    padding-left: 14px !important;
}

/* ==========================PRZYCISK "CENA"========================== */

/* Ustawienie koloru tła dla pól liczbowych od zakresu ceny w przycisku "Cena" */
.--input-to,
.--input-from,
.filters__range label {
    background-color: #fff;
}
/* Ustawienie rozmiaru i koloru dla przyciksu "Zastosuj zakres cen" w przycisku "Cena" */
.btn.p-md-0.mt-md-2.d-none.d-inline-block {
  width: 132.65px;
  height: 25px;
  border: none;
  background-color: #ffb80e;
  color: #000;
}
/* Efekt hover dla przyciksu "Zastosuj zakres cen" w przycisku "Cena" */
.btn.p-md-0.mt-md-2.d-none.d-inline-block:hover {
  background-color: #70786f;
  color: #fff;
}

/* ==========================PRZYCISK SORTOWANIA========================== */

/* Ustawienie koloru i usunięcie granicy dla przycisku sortowania */
button.f-control.f-dropdown-toggle {
    border: 1px solid;
    border-color: #70786f;
    background-color: #fff;
    color: #000;
}
/* Ustawienie koloru tła okna przycisku sortowania */
.f-dropdown .f-dropdown-menu {
    background-color: #000;
}
/* Ustawienie koloru tekstu i tła selektora w oknie przycisku sortowania */
.f-dropdown .f-dropdown-menu a {
   background-color: #000;
   color: #fff;
}
/* Efekt hover tekstu i tła selektora w oknie przycisku sortowania */
.f-dropdown .f-dropdown-menu a:hover {
    background: #ffb80e;
    color: #000;
}
/* Ustawienie koloru tła dla selektora wybranego w oknie przycisku sortowania */
.f-dropdown .f-dropdown-menu a.--selected {
    background-color: #b0bbae;
    color: #000;
}

/* ==========================PRZYCISK "DODAJ DO PORÓWNANIA" I "USUŃ PORÓWNANIA"========================== */

/* Zmiana koloru dla przycisków "Dodaj do porównania" oraz "Porównaj produkty" i ich poszerzenie */
#search .product__compare_item,
a.compare__button.btn.--solid.--secondary {
    padding: 10px;
    border-bottom: none;
    background-color: #b0bbae;
    color: #000;
}
/* Efekt hover dla przycisków "Dodaj do porównania" oraz "Porównaj produkty" */
#search .product__compare_item:hover,
a.compare__button.btn.--solid.--secondary:hover {
    background-color: #ffb80e;
    color: #000;
}
/* Zmiana koloru dla przycisków "Usuń produkty" oraz "Usuń z porównania" */
#search .product__compare_item.--remove,
.compare__button.--remove.btn.d-none.d-sm-block {
    background-color: #f57171;
    color: #fff;
    border-bottom: none;
}
/* Efekt hover dla przycisków "Usuń produkty" oraz "Usuń z porównania" */
#search .product__compare_item.--remove:hover,
.compare__button.--remove.btn.d-none.d-sm-block:hover {
    background-color: #D81D1D;
    color: #fff;
}

/* ======================================================================================================= */
/* ===                                      PANEL PORÓWNYWARKI                                     ======= */
/* ======================================================================================================= */

/* ==========================OKNO TABELI========================== */


/* Ustawienie koloru tła dla przycisku "Zaznacz róznice" */
a.btn.--solid.--medium.d-block.mb-2 {
    background: #70786f;
    color: #fff;
    border: none;
}
/* Efekt hover dla przycisku "Zaznacz róznice" */
a.btn.--solid.--medium.d-block.mb-2:hover {
    background: #ffb80e;
    color: #000;
}

/* ======================================================================================================= */
/* ===                                      KARTA PRODUKTU                                            ==== */
/* ======================================================================================================= */

/* ==========================PRZYCISKI POD TYTUŁEM PRODUKTU========================== */

/* Efekt hover dla przycisku "Dodaj do porównania" oraz "Dodaj do listy zakupowej" */
a.product_name__action.--compare.--add.px-1:hover,
a.product_name__action.--shopping-list.px-1.d-flex.align-items-center:hover {
    color: #ffb80e;
}
/* Zmiana koloru tekstu oraz tła dla przycisków wewnątrz "Dodaj do listy zakupowej" */
button.sl_choose__button.--desktop.btn.--solid,
button.sl_create__button.btn.--solid.ml-2.ml-md-3 {
    color: #000;
    background-color: #ffb80e;
}
/* Efekt hover dla przycisków wewnątrz "Dodaj do listy zakupowej" */
button.sl_choose__button.--desktop.btn.--solid:hover,
button.sl_create__button.btn.--solid.ml-2.ml-md-3:hover{
  background-color: #70786f;
  color: #fff;
}

/* Efekt hover dla przycisku "Usuń z listy zakupowej" */
.product_name__action.--remove:hover {
    color: #D81D1D;
}

/* ==========================SLAJDER DO ZDJĘĆ========================== */

/* Efekt hover dla przyciksów Slidera */
.swiper-button-prev.--rounded:hover,
.swiper-button-next.--rounded:hover {
      color: #ffb80e;
}

/* =========OKNO DODAWANIA DO KOSZYKA Z POZIOMU KARTY PRODUKTU========== */

/* Zmiana koloru tekstu dla przyciksu "Kontynuuj zakupy" */
.added__button.--close {
    color: #000;
}
/* Efekt hover dla przycisku "Kontynuuj zakupy" */
.added__button.--close:hover {
    color: #70786f;
}

/* ======================================================================================================= */
/* ===                                      STRONA KOSZYKA                                            ==== */
/* ======================================================================================================= */

/* ==========================STRONA PUSTEGO KOSZYKA========================== */

/* Zmiana koloru ikony koszyka na stronie pustego koszyka na biały */
.basket_icon_wrapper:after, .ordered_icon_wrapper:after {
    background: #b0bbae;
}

/* ==========================BLOK Z PODSUMOWANIEM ZAKUPÓW============== */

.cop_summary .cop_summary__block.--content {
    background-color: #fff;
    color: #000
    padding: 20px;
    border: 1px solid #70786f;
}

/* ==========================PRZYCISKI NA STRONIE KOSZYKA========================== */

/* Zmiana koloru dla przycisku "Przejdź dalej" */
.cop_buttons__button.btn.--outline.--large.--next {
    background: #ffb80e;
    color: #000;
}
/* Efekt hover dla przycisku "Przejdź dalej" */
.cop_buttons__button.btn.--outline.--large.--next:hover {
    background: #70786f;
    color: #fff;


}
/* Stylizacja przycisków "Zapisz cały koszyk w liście zakupowej" oraz "Opróżnij koszyk" */
.basket__calculate,
.button_go_shopping,
.tool__button.--remove-all,
.tool__button.--add-to-favorite {
    color: #000;
}
/* Efekt hover dla przycisków "Zapisz cały koszyk na liście zakupowej" oraz "Opróżnij koszyk" */
.tool__button.--remove-all:hover,
.tool__button.--add-to-favorite:hover {
    color: #70786f;
}

/* ==========================PRZYCISKI PANELU POZYCJI TOWARU W KOSZYKU========================== */

/* Przesunięcie przycisku "Usuń z koszyka" w dół o 10 px*/
.basket__remove {
    position: relative;
    top: 10px;
}
/* Stylizacja przycisków "Dodaj uwagi lub załaczniki" oraz "Usuń z koszyka" */
.basket__comment,
.basket__remove {
    color: #000;
    padding: 5px 10px;
    transition: all 0.3s ease;
}
/* Efekt hover dla przycisku "Dodaj uwagi lub załaczniki" */
.basket__comment:hover,
.basket__remove:hover {
    color: #70786f;
}

/* ==========================PRZYCISKI W OKNIE "DODAJ UWAGI LUB ZAŁĄCZNIKI" W PANELU POZYCJI========================== */

/* Stylizacja przycisku "Dodaj plik" */
.add__file {
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    text-indent: 16px;
}
/* Zmiana koloru dla przycisku "Zapisz opis i załaczniki" */
span.save__button.--desktop.btn.--solid {
    background: #ffb80e;
    color: #000;
}
/* Efekt hover dla przycisku "Zapisz opis i załaczniki" */
span.save__button.--desktop.btn.--solid:hover {
    background: #70786f;
    color: #fff;
}
/* Efekt hover dla przycisku "Dodaj plik" */
a.add__file.btn.--icon-left.icon-plus.--event:hover {
    color: #70786f;
}

/* ======================================================================================================= */
/* ===                                      STRONA "TWOJE KONTO"                                    ====== */
/* ======================================================================================================= */

/* Zmiana koploru tekstu dla dla przycisków na stronie "Twoej konto" */
a.btn.--outline.--extrasmall {
 color: #000;
}
/* Efekt hover dla przycisków na stronie "Twoej konto" */
a.btn.--outline.--extrasmall:hover {
 color: #70786f;
}
/* ======================================================================================================= */
/* ===                                      STRONA LISTY ZAKUPOWEJ                                     === */
/* ======================================================================================================= */

/* Zmiana koloru tekstyu w przycisków "Do koszyka" oraz "Dodaj do koszyka" */
a.sl_products__buy.btn.--solid,
a.sl_footer__link.--buy.btn.--solid.d-flex.flex-column.align-items-center.justify-content-center.flex-md-row {
    color: #000;
    background: #ffb80e;
}
/* Efekt hover w przycisków "Do koszyka" oraz "Dodaj do koszyka" */
a.sl_products__buy.btn.--solid:hover,
a.sl_footer__link.--buy.btn.--solid.d-flex.flex-column.align-items-center.justify-content-center.flex-md-row:hover {
    color: #fff;
    background: #70786f;
}
/* Stylizacja przycisku "Usuń z tej listy" */
.shopping_list .sl_footer__link.--remove {
    padding: 10px;
    border: 1px solid #be123c;
    color: #BE123C;
}
/* Efekt hover dla przycisku "Usuń z tej listy" */
.shopping_list .sl_footer__link.--remove:hover {
    color: #BE123C;
    background: #ffc7d4;
}
/* Naprawa widoczności checkboxa */
.f-group.--checkbox .f-control.focused + .f-label {
  overflow: visible;
}
/* Zmiana koloru przycisku checkmarków po lewej stronie */
.shopping_list_menu .slm_info__list_item:before {
    color: #ffb80e;
}
/* Zmiana koloru tła dla ikony gwiazdki w pustej liście zakupowej */
.whish_icon_wrapper:after {
    background: #b0bbae;
}

/* ======================================================================================================= */
/* ===                                       STRONA REKLAMACJI                                      ====== */
/* ======================================================================================================= */

/* Stylizacja przycisku "rozpocznij zakupy" */
a#retbut_strona_glowna.btn.--solid.n54744 {
    background: #ffb80e;
    color: #000;
    border: none;
}
/* Stylizacja przycisku "rozpocznij zakupy" */
a#retbut_strona_glowna.btn.--solid.n54744:hover {
    background: #70786f;
    color: #fff;
}













/* ======================================================================================================= */
/* ===                                      STRONA PŁATNOŚCI I DOSTAWY                              ====== */
/* ======================================================================================================= */

/* ==========================PRZYCISK W OKNIE DOSTAWY========================== */

/* Ustawienie granicy i zakrzywienia dla przycisku "Wybierz inny punkt" */
.cop_delivery__pickup_other {
    border: 1px solid #70786f;
}
/* Ustawienie koloru dla przycisku w oknie mapy InPost "Wybierz ten punkt" */
.btn.--secondary.--solid.--large {
    background: #037f04;
    border: 1px solid #70786f;
    color: #fff;
}
/* Efekt hover dla przycisku w oknie mapy InPost "Wybierz ten punkt" */
.btn.--secondary.--solid.--large:hover {
    background: #171717;
    border: 1px solid #171717;
    color: #fff;
}
/* Efekt hover dla przycisku "X" w oknie mapy InPost */
.leaflet-container a.leaflet-popup-close-button:hover {
    color: #037f04;
}
/* Ustawienie koloru dla przycisków w oknie mapy InPost "Użyj lokalizacji" oraz "Szukaj w tym obszarze" */
.btn.--secondary.--outline {
    color: #037f04;
    border-bottom: 1px solid #037f04;
}
/* Ustawienie koloru dla przycisków z adresami paczkomatów w oknie mapy InPost */
.cop_pickup_points .cop_pickup_item {
    width: 100%;
    min-height: 127px;
    border-radius: 5px;
    border: 1px solid #171717;
}
.cop_pickup_points .cop_pickup_item.--active {
    box-shadow: 0 0 0 3px #037f04 inset;
    border-color: transparent;
}
/* Ustawienie koloru tekstu dla przycisków "Wybierz punkt odbioru" */
a.cop_delivery__pickup_find.btn.--solid {
    color: #000;
}
/* Efekt hover dla przycisku "Wybierz punkt odbioru" */
a.cop_delivery__pickup_find.btn.--solid:hover {
    color: #037f04;
}
/* Ustawienie koloru tekstu dla przycisków "Wybierz inny punkt" */
a.cop_delivery__pickup_other.btn.--outline {
    color: #000;
}
/* Efekt hover dla przycisku "Wybierz inny punkt " */
a.cop_delivery__pickup_other.btn.--outline:hover {
    color: #037f04;
}

/* ======================================================================================================= */
/* ===                                      ZMIANY W WIDOKU MOBILNYM                                ====== */
/* ======================================================================================================= */

/* Przeniesienie "Burgera" na wierzch nagłówka i zmiana koloru */
.navbar-toggler {
   position: relative;
   color: #b0bbae;
}

/* Ustawienie koloru dla przycisku "Wstecz" w pasku nawigacji */
.breadcrumbs #back_button {
    color: #000;
}

a.btn.mobile_show_button {
    background: #ffb80e;
    border-bottom: #ffb80e;
    color: #000;
}

}