.wpcf7-list-item{
  margin-left:0;
}
.wpcf7-list-item label {
    color: #313131;
    font-weight: 400!important;
        font-size: .88em;
    line-height: 1.3;
}
.wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
}
.wpcf7-list-item label a{
     color: #313131;
}
input[type="checkbox"] {
    flex-shrink: 0;
    margin-right: 10px;
    margin-top:1px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ce0202;
    background: #ce0202;
    color: #fff;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    font-size: 14px;
    line-height: 21px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
    padding: 10px;
    margin: 0px;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
    margin-top:10px;
}
.navbar{
    background:transparent;
    transition:0.5s all;
}
.darkHeader{
        background-color: #cac8c8;
}
.darkHeader .nav-flex {
    justify-content: space-between;
    align-items: center;
    padding-top: 1.13em;
    padding-bottom: 1.13em;
    transition: all .3s;
    display: flex;
}
@media screen and (min-width: 1920px) {
    .image-5 {
        top: -8%;
        left: -4.9em;
    }
}
.cs-input-field{
    outline:none;
}
.wpcf7-form-control-wrap{
    width: 100%;
    display: block;
}
.cs-input-field{
    width:100%;
}
.is-popup-sprzet .popup-flex{
    align-items:flex-start;
}
.sprzet-slider-main .ss-slide{
    display:flex!important;
    justify-content: center;
    align-items: center;
}
.sprzet-slider-main .ss-slide img {
    
    display: block;
    margin:0 auto;
}

/* Ukryj slidery przed inicjalizacją, żeby nie "skakały" */
.slider-for:not(.slick-initialized),
.slider-nav:not(.slick-initialized) {
    display: none;
}

/* Blokada przewijania strony pod popupem */
body.no-scroll {
    overflow: hidden;
}
/* Zapewnienie widoczności strzałek */
.small-slider-with-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.cs-slide-left, .cs-slide-right {
    cursor: pointer;
    z-index: 10;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.cs-slide-left:hover, .cs-slide-right:hover {
   
}

 

.small-slider-with-nav {
    display: flex;
    align-items: center;
    justify-content: center; /* Wyśrodkowanie zestawu */
    width: 100%;
}

/* Sam kontener slidera między strzałkami */
.sprzet-slider-small.slider-nav {
    flex: 1;           /* Zajmij całą dostępną przestrzeń między strzałkami */
    min-width: 0;      /* Krytyczne: Pozwala kontenerowi zwęzić się poniżej szerokości slajdów */
    margin: 0 0px;    /* Odstęp od strzałek */
    overflow: hidden;  /* Ukryj slajdy wychodzące poza obszar */
}

/* Zapewnienie, że zdjęcia w sliderze nie wychodzą poza kontener */
.small-slide-item img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100px;  /* Dopasuj do designu miniaturek */
    margin: 0 auto;
}
.is-popup-sprzet .popup-col:first-of-type{
    padding-right:45px;
}
.usluga-item:last-of-type .ui-img img{
     width: auto;
    max-height: 18em;
    margin-left: auto;
    margin-right: auto;
    display: block;   
}

/* Stylizacja kontenera kalendarza wewnątrz popupa */
.popup-is-calendar {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

/* Fix dla Flatpickra, aby dwa miesiące nie rozbijały popupa */
.flatpickr-calendar.inline {
    box-shadow: none;
    border: none;
    background: transparent;
}

/* Responsywność kalendarza w popupie */
@media (max-width: 768px) {
    .flatpickr-calendar.rangeMode.showMonths .flatpickr-months {
        flex-direction: column;
    }
    .is-popup-calendar .popup-inner-content {
        padding: 20px;
        width: 95%;
    }
}

/* Styl selecta zgodny z Twoim designem */
.fselect {
    position: relative;
    width: 100%;
    max-width: 400px;
}
 .flatpickr-calendar.inline{
    margin:0 auto;
 }
 .flatpickr-calendar.inline {
    box-shadow: none;
    border: none;
    background: #F6F6F6;
    border-radius: 6px;
 
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #03c68f;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #313131;
    border-color: #03c68f;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #03c68f;
    box-shadow: -10px 0 0 #03c68f;
}
.flatpickr-day{
  border-radius: 6px;
    background: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); 
}
.dayContainer {
    padding: 8px
}
.rangeMode .flatpickr-day {
    margin-top: 3px;
}
.flatpickr-current-month{
        color: #313131;
 
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}
.flatpickr-current-month input.cur-year{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;  
}
.flatpickr-months .flatpickr-month {
 
    height: 52px;
    padding: 10px 0;
}
.flatpickr-current-month span.cur-month:hover,
.numInputWrapper:hover {
    background: transparent;
}
.flatpickr-day.inRange {
    border-radius: 0;
  
    box-shadow: none!important;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: rgba(3, 198, 143, 0.40);
    border-color: rgba(3, 198, 143, 0.40);
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(49, 49, 49, 0.30);
    border: 0 !important;
    box-shadow: none!important;
}
.nav-inner-flex, 
.nav-menu ul {
    list-style: none !important;
    list-style-type: none !important;
     
}

.nav-item,
.nav-menu li {
    list-style: none !important;
    display: inline-block; /* Lub block, zależnie od układu flex */
}
@media (max-width: 767px) {
    /* Wymuszenie układu pionowego dla kontenera miesięcy */
    .flatpickr-calendar.inline.showMonths .flatpickr-months {
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
    }

    /* Dopasowanie szerokości pojedynczego miesiąca */
    .flatpickr-calendar.inline.showMonths .dayContainer {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 300px !important; /* Standardowa szerokość kalendarza */
    }

    /* Usunięcie marginesów bocznych między miesiącami */
    .flatpickr-calendar.inline.showMonths .flatpickr-month {
        width: 100% !important;
        height: auto !important;
    }

    /* Wyśrodkowanie kalendarza w popupie */
    .popup-is-calendar {
        display: block !important;
        width: 100%;
    }

    /* Zapewnienie, że popup ma scrolla jeśli kalendarze są długie */
    .is-popup-calendar .popup-inner-content {
        max-height: 90vh;
        overflow-y: auto;
    }
}
@media (max-width: 767px) {
    /* Resetujemy szerokość głównego kontenera, którą Flatpickr ustawia na sztywno w JS */
    .flatpickr-calendar.inline.showMonths {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 320px !important; /* Szerokość jednego miesiąca */
        margin: 0 auto !important;
    }

    /* Wymuszamy układ kolumnowy dla kontenera z miesiącami */
    .flatpickr-calendar.showMonths .flatpickr-months {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Wymuszamy układ kolumnowy dla dni */
    .flatpickr-calendar.showMonths .flatpickr-innerContainer {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Resetujemy szerokość kontenera dni */
    .flatpickr-calendar.showMonths .dayContainer {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Ukrywamy drugi zestaw nazw dni (PN, WT...), jeśli nakładają się na siebie 
       lub upewniamy się, że każdy miesiąc ma swój własny */
    .flatpickr-month {
        width: 100% !important;
    }
}