* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* .on-live {
  --bs-tooltip-bg: #001eff !important;
} */

html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

#content {
/*   min-height: 75dvh; */
/*   display: flex; */
/*   align-items: start; */
}

.woocommerce input{
	display: inline-block;
    width: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.woocommerce-MyAccount-navigation > ul{
	color: black;
    list-style: none;
    padding-left: 0;
	text-align: end;
}
.woocommerce a,
.woocommerce-MyAccount-navigation-link a{
	text-decoration: none;
}
.woocommerce-MyAccount-navigation-link a{
	color: black;
}
.woocommerce-MyAccount-navigation-link a:hover{
	text-decoration: underline;
}

select.setting {
  border: 1px solid black;
  border-radius: 300px;
  width: auto;
  text-align-last: center;
  text-align: center;
  -ms-text-align-last: center;
  -moz-text-align-last: center;
}

option.setting {
  text-indent: 40%;
}

form.setting {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

label.setting {
  color: rgb(0, 148, 218);
  font-weight: bold;
  text-align: center;
}

button, .btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66,70,73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
button:hover, .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
button:disabled, .btn:disabled{
	opacity: 50% !important;
}

a, a.link {
	--bs-link-underline-opacity: 0;
	--bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1)) !important;
	text-underline-offset: 0.25em !important;
}
a:hover, a.link:hover{
  --bs-link-underline-opacity: 0.75;
	text-underline-offset: 0.375em !important;
	--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
#menu-zalogowani a.nav-link,
#nawigacjaZalogowanych a.nav-link{
	opacity: 0.5;
}
#menu-zalogowani a.nav-link:hover,
#nawigacjaZalogowanych a.nav-link:hover{
	opacity: 1;
	text-decoration: underline;
}
/*
a:visited {
  color: green;
}

a:hover {
  color: hotpink;
}

a:active {
  color: blue;
} */

.js .page-loader {
  display: flex;
}


.page-loader {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(var(--bs-dark-rgb));
  color: #fff;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  z-index: 10000;
}
.loader {
  width: 180px;
  height: 140px;
  display: block;
  margin: 0 auto 20px;
  background-image: -o-radial-gradient(25px 25px, circle 25px, #fff 100%, transparent 0),
    -o-radial-gradient(50px 50px, circle 50px, #fff 100%, transparent 0),
    -o-radial-gradient(25px 25px, circle 25px, #fff 100%, transparent 0),
    -o-radial-gradient(15px 15px, circle 15px, #fff 100%, transparent 0),
    -o-linear-gradient(#fff 50px, transparent 0);
  background-image: radial-gradient(circle 25px at 25px 25px, #fff 100%, transparent 0),
    radial-gradient(circle 50px at 50px 50px, #fff 100%, transparent 0),
    radial-gradient(circle 25px at 25px 25px, #fff 100%, transparent 0),
    radial-gradient(circle 15px at 15px 15px, #fff 100%, transparent 0),
    linear-gradient(#fff 50px, transparent 0);
  background-size: 50px 50px, 100px 75px, 50px 50px, 30px 32px, 136px 20px;
  background-repeat: no-repeat;
  background-position: 0px 30px, 30px 0px, 113px 29px, 147px 50px, 23px 60px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.loader::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 65px;
  width: 2px;
  height: 6px;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: animloader 0.6s linear infinite;
          animation: animloader 0.6s linear infinite;
}

@-webkit-keyframes animloader {
  0% {
            -webkit-box-shadow: 25px 0 white, 50px 0 white, 75px 0 white, 100px 0 white,
      125px 0 white, 150px 0 white, 25px 0 white, 50px 0 white, 75px 0 white,
      100px 0 white, 125px 0 white, 150px 0 white;
                    box-shadow: 25px 0 white, 50px 0 white, 75px 0 white, 100px 0 white,
      125px 0 white, 150px 0 white, 25px 0 white, 50px 0 white, 75px 0 white,
      100px 0 white, 125px 0 white, 150px 0 white;
  }
  50% {
            -webkit-box-shadow: 25px 20px white, 50px 60px rgba(255, 255, 255, 0),
      75px 30px rgba(255, 255, 255, 0), 100px 70px rgba(255, 255, 255, 0),
      125px 40px white, 150px 60px rgba(255, 255, 255, 0), 25px 20px white,
      50px 30px white, 75px 10px white, 100px 30px white,
      125px 30px rgba(255, 255, 255, 0), 150px 30px rgba(255, 255, 255, 0);
                    box-shadow: 25px 20px white, 50px 60px rgba(255, 255, 255, 0),
      75px 30px rgba(255, 255, 255, 0), 100px 70px rgba(255, 255, 255, 0),
      125px 40px white, 150px 60px rgba(255, 255, 255, 0), 25px 20px white,
      50px 30px white, 75px 10px white, 100px 30px white,
      125px 30px rgba(255, 255, 255, 0), 150px 30px rgba(255, 255, 255, 0);
  }
  100% {
            -webkit-box-shadow: 25px 60px rgba(255, 255, 255, 0),
      50px 60px rgba(255, 255, 255, 0), 75px 50px rgba(255, 255, 255, 0),
      100px 70px rgba(255, 255, 255, 0), 125px 70px rgba(255, 255, 255, 0),
      150px 60px rgba(255, 255, 255, 0), 25px 80px rgba(255, 255, 255, 0),
      50px 80px rgba(255, 255, 255, 0), 75px 70px rgba(255, 255, 255, 0),
      100px 60px rgba(255, 255, 255, 0), 125px 30px rgba(255, 255, 255, 0),
      150px 30px rgba(255, 255, 255, 0);
                    box-shadow: 25px 60px rgba(255, 255, 255, 0),
      50px 60px rgba(255, 255, 255, 0), 75px 50px rgba(255, 255, 255, 0),
      100px 70px rgba(255, 255, 255, 0), 125px 70px rgba(255, 255, 255, 0),
      150px 60px rgba(255, 255, 255, 0), 25px 80px rgba(255, 255, 255, 0),
      50px 80px rgba(255, 255, 255, 0), 75px 70px rgba(255, 255, 255, 0),
      100px 60px rgba(255, 255, 255, 0), 125px 30px rgba(255, 255, 255, 0),
      150px 30px rgba(255, 255, 255, 0);
  }
}

@keyframes animloader {
  0% {
            -webkit-box-shadow: 25px 0 white, 50px 0 white, 75px 0 white, 100px 0 white,
      125px 0 white, 150px 0 white, 25px 0 white, 50px 0 white, 75px 0 white,
      100px 0 white, 125px 0 white, 150px 0 white;
                    box-shadow: 25px 0 white, 50px 0 white, 75px 0 white, 100px 0 white,
      125px 0 white, 150px 0 white, 25px 0 white, 50px 0 white, 75px 0 white,
      100px 0 white, 125px 0 white, 150px 0 white;
  }
  50% {
            -webkit-box-shadow: 25px 20px white, 50px 60px rgba(255, 255, 255, 0),
      75px 30px rgba(255, 255, 255, 0), 100px 70px rgba(255, 255, 255, 0),
      125px 40px white, 150px 60px rgba(255, 255, 255, 0), 25px 20px white,
      50px 30px white, 75px 10px white, 100px 30px white,
      125px 30px rgba(255, 255, 255, 0), 150px 30px rgba(255, 255, 255, 0);
                    box-shadow: 25px 20px white, 50px 60px rgba(255, 255, 255, 0),
      75px 30px rgba(255, 255, 255, 0), 100px 70px rgba(255, 255, 255, 0),
      125px 40px white, 150px 60px rgba(255, 255, 255, 0), 25px 20px white,
      50px 30px white, 75px 10px white, 100px 30px white,
      125px 30px rgba(255, 255, 255, 0), 150px 30px rgba(255, 255, 255, 0);
  }
  100% {
            -webkit-box-shadow: 25px 60px rgba(255, 255, 255, 0),
      50px 60px rgba(255, 255, 255, 0), 75px 50px rgba(255, 255, 255, 0),
      100px 70px rgba(255, 255, 255, 0), 125px 70px rgba(255, 255, 255, 0),
      150px 60px rgba(255, 255, 255, 0), 25px 80px rgba(255, 255, 255, 0),
      50px 80px rgba(255, 255, 255, 0), 75px 70px rgba(255, 255, 255, 0),
      100px 60px rgba(255, 255, 255, 0), 125px 30px rgba(255, 255, 255, 0),
      150px 30px rgba(255, 255, 255, 0);
                    box-shadow: 25px 60px rgba(255, 255, 255, 0),
      50px 60px rgba(255, 255, 255, 0), 75px 50px rgba(255, 255, 255, 0),
      100px 70px rgba(255, 255, 255, 0), 125px 70px rgba(255, 255, 255, 0),
      150px 60px rgba(255, 255, 255, 0), 25px 80px rgba(255, 255, 255, 0),
      50px 80px rgba(255, 255, 255, 0), 75px 70px rgba(255, 255, 255, 0),
      100px 60px rgba(255, 255, 255, 0), 125px 30px rgba(255, 255, 255, 0),
      150px 30px rgba(255, 255, 255, 0);
  }
}