.order-0 { order: 0; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }

/* Order dla md i większych */
@media (min-width: 768px) {
  .order-md-0 { order: 0 !important; }
  .order-md-6 { order: 6 !important; }
  .order-md-7 { order: 7 !important; }
  .order-md-8 { order: 8 !important; }
  .order-md-9 { order: 9 !important; }
  .order-md-10 { order: 10 !important; }
}


.c069 {
color: #069 !important;
}

.bg069 {
background-color: #069;
}


.cw {
color: #FFF !important;
}

.w-90 {
width: 90%;
}

.fb {
font-weight: bold;
}

.cb {
color: black;
}

/* Ukryj strzałki */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Pokaż kursor w obszarze, w którym znajdują się strzałki */
input[type=number] {
-moz-appearance: textfield;
}

.ls-2 {
letter-spacing: 2px;
}

.ls-3 {
letter-spacing: 3px;
}

.ls-5 {
letter-spacing: 5px;
}

.ls-10 {
letter-spacing: 10px;
}

.nav-link {
color: #2d2b2b;
}

.nav-link:hover {
color: #200202 !important;
background-color: #FFF
}

.nav-link:active {
color: #000 !important;
}

.active {
color: #000000 !important
}


input {
text-align: center;
}

kbd {
background-color: rgb(224, 230, 230);
color: #069
}

.bgreen {
background-color: #074623;
}

.navbar a img {
width: 290px !important;
height: 50px !important;
padding: 0px !important;
}

.bgform {
background-color: #f2f5f7;
}

.text-white-shadow {
text-shadow: 2px 2px 4px white;
}

.bg-aliceblue {
background-color: aliceblue;
}


#backToTop {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
z-index: 9999;
}

.hide {
/* do js do ofert porówania*/
opacity: 0;
transition: opacity 2s ease, visibility 1s ease;
}

.show {
opacity: 1;

transition: opacity 0.3s ease, visibility 1s ease;
}

@media (min-width: 992px) {
.container,
.container-xxl {
    width: 95%;
    max-width: 16540px;
    /* Nowa szerokość dla największych ekranów */
}
}
@media (min-width: 1600px) {
.container,
.container-xxl {
    width: 85%;
    max-width: 1800px;
    /* Nowa szerokość dla największych ekranów */
}
}

/*----------------------*/

.split {
    position: relative;  /* Ustawiamy pozycję względną dla kontenera */
}

.split p {
    position: absolute;   /* Umieszczamy tekst na absolutnej pozycji w obrębie kontenera */
    top: 30%;              /* Wyśrodkowanie w pionie */
    left: 50%;             /* Wyśrodkowanie w poziomie */
    transform: translate(-50%, -50%);  /* Dostosowanie pozycji, aby tekst był dokładnie na środku */
    visibility: hidden;    /* Początkowo tekst jest niewidoczny */
    opacity: 0;            /* Tekst jest przezroczysty */
    transition: opacity 1.5s ease-in-out, visibility 0s 1.5s;  /* Animacja opacity z opóźnieniem dla visibility */
}
.split button {
    position: absolute;   /* Umieszczamy tekst na absolutnej pozycji w obrębie kontenera */
    top: 70%;              /* Wyśrodkowanie w pionie */
    left: 50%;             /* Wyśrodkowanie w poziomie */
    transform: translate(-50%, -50%);  /* Dostosowanie pozycji, aby tekst był dokładnie na środku */
    visibility: hidden;    /* Początkowo tekst jest niewidoczny */
    opacity: 0;            /* Tekst jest przezroczysty */
    transition: opacity 1.5s ease-in-out, visibility 0s 1.5s;  /* Animacja opacity z opóźnieniem dla visibility */
}

.split:hover p, .split:hover button {
    visibility: visible;   /* Po najechaniu tekst staje się widoczny */
    opacity: 1;            /* Zmiana przezroczystości na pełną */
    transition: opacity 1.5s ease-in-out;  /* Płynna zmiana opacity */
}

.split:hover img {
    opacity: 0;            /* Obrazek znika */
    transition: opacity 1.5s ease-in-out;  /* Płynne zanikanie obrazu */
}


@media (min-width: 768px) {
    .container-md.custom-width {
        max-width: 45%; /* 50% szerokości na dużych ekranach */
    }

    .suwak {
        width: 70%;
    }
}
@media (max-width: 768px) {

    .suwak {
        width: 100%;
    }
}

.custom-btn1 {
    background-color:rgb(91, 63, 114);
    color: #fff;
    @extend .btn-sm; /* Dziedziczy rozmiar */
    @extend .btn;    /* Dziedziczy styl przycisku */
}

.custom-btn1:hover {
    background-color:rgb(128, 85, 148);
    @extend .btn-sm; /* Dziedziczy rozmiar */
    @extend .btn;    /* Dziedziczy styl przycisku */
}


.bg-violet {
    background-color: #5b3f72; /* Fioletowe tło */
    color: #fff; /* Jasny tekst dla czytelności */
}

.c-violet {
    color: #5b3f72; /* Fioletowy tekst */
}

.bg-green {
    background-color: #086137; /* Zielone tło */
    color: #fff; /* Jasny tekst dla czytelności */
}


.bg-violet:hover {
    background-color: #d7bcee; /* Fioletowe tło */
    color: #5b3f72;
}
.bg-violetLight {
    background-color: #d7bcee; /* Fioletowe tło */
    color: #210538;
}

.breadcrumb-item a {
    color: #5b3f72 !important; /* Fioletowy tekst */
}

.footer a {
    text-decoration: none;
}

.footer a:hover {
    text-decoration:double !important;
    color: #fff; /* Ustawia kolor tekstu na biały */
}

@media print {
    /* Ukrywanie wszystkich elementów */
    /* Wyświetlanie tylko elementów z klasą `printable` */
    .noprint {
        display: none !important;
    }
}