/* Custom CSS */

.goyke-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
	z-index:999;
}
.wp-block-latest-posts__list li{
	line-height:1.6;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}
a:link, a:visited{
	color: #000;
	text-decoration:none;
}
a:hover{
	color: #67D7C1;
	text-decoration:none;
}
p{
	line-height:1.6;
}

@media (max-width: 767px) {
  html {
    width: 100%;
    overflow-x: hidden;
  }

  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
  }
}

.border-radius img{
	border-radius:40px !important;
}
.no-margin{
	margin:0 !important;
}

.grecaptcha-badge { 
    visibility: hidden !important; 
}


#backToTop {
  display: none; /* Ukryty domyślnie */
  position: fixed; /* Zawsze w tym samym miejscu */
  bottom: 15px; /* Odległość od dołu */
  right: 15px; /* Odległość od prawej */
  z-index: 99; /* Musi być nad innymi elementami */
  border: none;
  outline: none;
  background-color: #000; /* Kolor tła - dopasuj do brandingu 2heads */
  color: white;
  cursor: pointer;
  padding: 15px 20px;
  border-radius: 50%; /* Okrągły kształt */
  font-size: 18px;
  transition: opacity 0.3s, background-color 0.3s;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.3);
}
#backToTop:hover {
  background-color: #67D7C1; /* Kolor po najechaniu myszką */
}


/* Stylizacja przycisku hamburgera */
.wp-block-navigation__responsive-container-open.always-shown {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px; /* Szerokość obszaru klikalnego */
    height: 40px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative;
}

/* Ukrycie oryginalnej ikony SVG */
.wp-block-navigation__responsive-container-open svg {
    display: none;
}

/* Tworzenie nowych linii hamburgera */
.wp-block-navigation__responsive-container-open::before,
.wp-block-navigation__responsive-container-open::after {
    content: "";
    position: absolute;
    right: 0;
    height: 3px; /* Grubość linii */
    background-color: currentColor; /* Kolor pobierany z ustawień menu */
    transition: all 0.3s ease;
}

/* Górna linia (dłuższa) */
.wp-block-navigation__responsive-container-open::before {
    width: 50px; /* Szerokość górnej linii */
    top: 12px;
}

/* Dolna linia (krótsza) */
.wp-block-navigation__responsive-container-open::after {
    width: 35px; /* Szerokość dolnej linii */
    bottom: 12px;
}

/* Efekt po najechaniu (opcjonalnie - wyrównanie linii) */
.wp-block-navigation__responsive-container-open:hover::after {
    width: 50px;
}
.goyke-header .kb-img.wp-image-47001 {margin-top:10px;}

/* Ukrycie przycisku konsultacji tylko na urządzeniach mobilnych */
@media (max-width: 767px) {
    .header-button {
        display: none !important;
    }
}

/* 1. Kontener menu - Pełny ekran i reset układu */
.wp-block-navigation__responsive-container.is-menu-open {
    /* Czarny kolor z 80% przezroczystości */
    background-color: rgba(0, 0, 0, 0.8) !important; 
    /* Efekt rozmycia tła (szkło / blur) */
    backdrop-filter: blur(12px) !important; 
    -webkit-backdrop-filter: blur(12px) !important; /* Wsparcie dla Safari */
    display: block !important; /* Zmiana z flex na block, aby uniknąć nachodzenia */
    padding: 100px 10% !important;
    overflow-y: auto !important;
}
/* 2. Układ listy - wymuszamy prostą kolumnę */
.wp-block-navigation__responsive-container .wp-block-navigation__container {
    display: block !important; /* Elementy jeden pod drugim */
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 3. Każdy element listy (LI) */
.wp-block-navigation-item {
    display: block !important;
    margin-bottom: 20px !important; /* Odstęp między pozycjami */
    position: relative !important;
}
/* 4. Linki główne - Duże i wyraźne (Crafton Style) */
.wp-block-navigation__responsive-container .wp-block-navigation-item > .wp-block-navigation-item__content {
    font-size: clamp(30px, 5vw, 55px) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.1 !important;
    display: inline-block !important;
    transition: opacity 0.3s ease;
}
/* 5. PODMENU - Tu był błąd nakładania się */
.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
    position: relative !important; /* Wymuszamy, by podmenu spychało resztę w dół */
    display: block !important; 
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 30px !important; /* Wcięcie */
    margin-top: 15px !important;
    margin-bottom: 30px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    min-width: 0 !important;
}
/* Linki w podmenu - mniejsze */
.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: clamp(18px, 2vw, 24px) !important;
    font-weight: 400 !important;
    color: #999999 !important; /* Szary jak u Craftona */
    padding: 8px 0 !important;
}
/* Ukrywamy strzałki (ikony) podmenu */
.wp-block-navigation__submenu-icon {
    display: none !important;
}
/* 6. Przycisk zamykania (X) */
.wp-block-navigation__responsive-container-close {
    position: fixed !important;
    top: 40px;
    right: 40px;
    z-index: 9999;
}
.wp-block-navigation__responsive-container-close svg {
    fill: #ffffff !important;
    width: 40px !important;
    height: 40px !important;
}
/* Poprawka dla mobile - większe odstępy */
@media (max-width: 768px) {
    .wp-block-navigation__responsive-container.is-menu-open {
        padding: 80px 30px !important;
    }
}
/* 1. Kolor i animacja dla głównych linków */
.wp-block-navigation__responsive-container .wp-block-navigation-item > .wp-block-navigation-item__content {
    transition: color 0.3s ease, transform 0.3s ease !important;
    display: inline-block !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
    color: #67D7C1 !important;
    transform: translateX(8px) !important;
}

/* 2. Kolor dla linków w podmenu */
.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    transition: color 0.3s ease !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    color: #67D7C1 !important;
}
/* Styl dla naszego tekstu */
/* Kontener główny */
.reveal-text {
    line-height: 1.6;
}
/* Słowo jako nierozerwalna całość */
.word {
    display: inline-block;
    white-space: nowrap;
}
/* Pojedyncza litera - bazowy kolor (jasny) */
.char {
    display: inline-block;
    color: rgba(0, 0, 0, 0.15); /* To jest kolor "uśpiony" */
    transition: color 0.2s linear; /* Delikatne przejście dla gładkości */
}
.parallax-bg-container {
    width: 100%;
    background-repeat: repeat-x; /* Powtarzanie tylko w poziomie */
    background-size: auto 100%; /* Obrazek na pełną wysokość, szerokość automatyczna */
    background-attachment: scroll; /* Ważne: zostawiamy scroll, JS zajmie się resztą */
    will-change: background-position;
}
/* Wymuszenie 18rem dla Twojego nagłówka */
.gigant-tekst {
    font-size: 18rem !important;
    line-height: 1.1; /* Opcjonalnie: zmniejsza odstęp między liniami, co przy takim rozmiarze wygląda lepiej */
}
/* Responsywność - na tabletach i telefonach 18rem będzie za wielkie */
@media (max-width: 1024px) {
    .gigant-tekst {
        font-size: 10rem !important;
    }
}
@media (max-width: 600px) {
    .gigant-tekst {
        font-size: 7rem !important;
    }
}



/* Kontener dla rzędów - ukrywamy nadmiar */
.marquee-row-left, .marquee-row-right {
    overflow: hidden;
    width: 100%;
}

/* Wymuszamy, aby przyciski wewnątrz Row Layout nie zawijały się do nowej linii */
.marquee-row-left > .kt-row-column-wrap, 
.marquee-row-right > .kt-row-column-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap;
    width: max-content; /* Pozwala zawartości być szerszą niż ekran */
}

/* Animacja dla pierwszego rzędu (z prawej do lewej) */
.marquee-row-left > .kt-row-column-wrap {
    animation: scroll-left 30s linear infinite;
}

/* Animacja dla drugiego rzędu (z lewej do prawej) */
.marquee-row-right > .kt-row-column-wrap {
    animation: scroll-right 30s linear infinite;
}

/* Definicje ruchów */
@keyframes scroll-left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@keyframes scroll-right {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}

/* --- USTAWIENIA GŁÓWNE --- */

/* 1. Ustawienia dla Kolumny (to jest Twoja ramka) */
.marquee-row-left, .marquee-row-right {
    overflow: hidden; /* Ucina wszystko co wystaje poza ekran */
    width: 100%;
    padding: 0 !important; /* Resetuje paddingi kolumny, żeby pasek był szeroki */
}

/* 2. Ustawienia dla bloku przycisków wewnątrz kolumny */
.marquee-row-left .kb-buttons-wrap, 
.marquee-row-right .kb-buttons-wrap {
    display: flex !important;       /* Wymuszamy układ flex */
    flex-wrap: nowrap !important;   /* Zabraniamy zawijania do nowej linii */
    width: max-content;             /* Szerokość tyle ile zajmują przyciski */
    box-sizing: border-box;
}

/* 3. Reset marginesów samych przycisków, żeby stały równo */
.marquee-row-left .kb-button,
.marquee-row-right .kb-button {
    margin-bottom: 0 !important;
    margin-right: 20px !important; /* Odstęp między kafelkami */
    flex-shrink: 0; /* Zapobiega ściskaniu przycisków */
}

/* --- ANIMACJA W LEWO (Domyślny Marquee) --- */
.marquee-row-left .kb-buttons-wrap {
    animation: scroll-left 40s linear infinite;
}

@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* --- ANIMACJA W PRAWO --- */
.marquee-row-right .kb-buttons-wrap {
    animation: scroll-right 40s linear infinite;
}

@keyframes scroll-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

/* Opcjonalnie: Zatrzymanie po najechaniu myszką */
.marquee-row-left:hover .kb-buttons-wrap,
.marquee-row-right:hover .kb-buttons-wrap {
    animation-play-state: paused;
}

/* Stylizacja komunikatu sukcesu w formularzu Kadence */
.kb-adv-form-message.kb-adv-form-success {
    background-color: #e6fffa; /* Jasnozielone tło */
    color: #234e52;            /* Ciemnozielony kolor tekstu */
    border: 1px solid #38b2ac; /* Wyraźna zielona ramka */
    padding: 20px;             /* Odstęp wewnętrzny */
    border-radius: 0px;        /* Zaokrąglone rogi */
    font-weight: bold;         /* Pogrubienie tekstu */
    text-align: center;        /* Wyśrodkowanie tekstu */
    margin-top: 20px;          /* Odstęp od formularza */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Delikatny cień */
}
/* Celujemy w label, który występuje zaraz po checkboxie wewnątrz formularza */
.kb-adv-form-field input[type="checkbox"] + label {
    font-size: 12px !important;
    color: #888888 !important;
    line-height: 1.4 !important;
}

/* Zmniejszamy i zmieniamy kolor linków wewnątrz tej etykiety */
.kb-adv-form-field input[type="checkbox"] + label a {
    font-size: 12px !important;
    color: #999999 !important;
}

/* Zmniejszamy tekst pogrubiony (Strong) */
.kb-adv-form-field input[type="checkbox"] + label strong {
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Stylizacja samego kwadracika checkboxa */
.kb-adv-form-field input[type="checkbox"] {
    transform: scale(0.9); /* Zmniejszenie samego checkboxa */
    margin-top: 2px !important;
}



.marquee-container {
  overflow: hidden; /* Ukrywa to, co wystaje */
  width: 100vw;     /* Szerokość całego ekranu */
  position: relative;
  padding: 40px 0;
  background: transparent;
}

.marquee-content {
  display: inline-block; /* Ważne, by element rósł wraz z treścią */
  white-space: nowrap;   /* TO ZAPOBIEGA ŁAMANIU TEKSTU */
  will-change: transform;
}

/* Dedykowana klasa dla nagłówka z wyrównanym zdjęciem */
.brand-heading-with-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* Odstęp między tekstem a zdjęciem */
    line-height: 1.2;
}

/* Styl dla zdjęcia wewnątrz tej konkretnej klasy */
.brand-heading-with-image img {
    width: 120px !important;
    height: 120px !important;
    object-fit: cover; /* Gwarantuje, że zdjęcie nie będzie zniekształcone */
    border-radius: 50%; /* Opcjonalne: jeśli chcesz, by zdjęcie było okrągłe */
    flex-shrink: 0;    /* Zapobiega zgniataniu zdjęcia przez tekst */
}

/* Kontener listy kategorii */
.wp-block-categories.wp-block-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Odstęp między chipsami */
    list-style-type: none;
    padding: 0;
    margin: 20px 0;
}

/* Styl pojedynczego chipsa (elementu li) */
.wp-block-categories-list li.cat-item {
    display: inline-flex;
    align-items: center;
    background-color: #f0f0f0; /* Kolor tła chipsa */
    border: 0px solid #ddd;    /* Obramowanie */
    padding: 8px 15px;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
    color: #333;
    /* border-radius: 0; - opcjonalnie, aby upewnić się, że rogi są ostre */
}

/* Styl linku wewnątrz chipsa */
.wp-block-categories-list li.cat-item封装 a {
    text-decoration: none;
    color: inherit;
    font-weight: 500;
}

/* Efekt najechania (hover) */
.wp-block-categories-list li.cat-item:hover {
    background-color: #000; /* Kolor po najechaniu */
    border-color: #000;
}

.wp-block-categories-list li.cat-item:hover a {
    color: #fff; /* Kolor tekstu po najechaniu */
}

/* Styl dla licznika (tekst w nawiasach) */
.wp-block-categories-list li.cat-item {
    font-family: inherit;
}

/* Opcjonalnie: styl samej liczby w nawiasie */
.wp-block-categories-list li.cat-item {
    white-space: nowrap;
}

/* --- PAGINACJA - WERSJA ELEGANCE --- */

/* 1. Reset kontenera */
.wp-block-query-pagination {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 60px 0;
    /* Resetujemy wpływ inline-style z HTML */
    font-size: 0 !important; 
    line-height: 0 !important;
}

/* 2. Styl przycisków (kwadraty) */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 45px;        /* Zgrabny kwadrat */
    height: 45px;
    border: 1px solid #ccc; /* Cienka, elegancka ramka */
    background-color: transparent;
    text-decoration: none !important;
    transition: all 0.3s ease;
    
    /* KLUCZOWE: Ukrywamy stary tekst/strzałkę */
    font-size: 0 !important; 
    color: transparent !important; 
}

/* 3. Ukrywamy fizycznie wewnętrzne spany (dla pewności) */
.wp-block-query-pagination-previous span,
.wp-block-query-pagination-next span,
.wp-block-query-pagination-previous svg,
.wp-block-query-pagination-next svg {
    display: none !important;
}

/* 4. Rysujemy NOWE strzałki używając obramowania (pseudo-elementy) */
.wp-block-query-pagination-previous::after,
.wp-block-query-pagination-next::after {
    content: '';
    display: block;
    width: 8px;      /* Rozmiar grota */
    height: 8px;
    border-top: 1px solid #333;  /* Kolor strzałki - Ciemny szary */
    border-right: 1px solid #333;
    transition: border-color 0.3s ease;
    /* Ustawiamy je idealnie na środku */
    position: absolute;
    top: 50%;
    left: 50%;
}

/* 5. Ustawienie kierunków strzałek */

/* Strzałka w lewo (poprzednia) */
.wp-block-query-pagination-previous::after {
    /* Przesuwamy o połowę rozmiaru, żeby środek był w środku i obracamy */
    transform: translate(-30%, -50%) rotate(-135deg); 
}

/* Strzałka w prawo (następna) */
.wp-block-query-pagination-next::after {
    transform: translate(-70%, -50%) rotate(45deg);
}

/* 6. Efekt Hover (Najazd myszką) */
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
    background-color: #000;
    border-color: #000;
}

/* Zmiana koloru strzałki na biały po najechaniu */
.wp-block-query-pagination-previous:hover::after,
.wp-block-query-pagination-next:hover::after {
    border-color: #fff;
}

/* Domyślny styl dla urządzeń mobilnych (Mobile First) */
.text-3rem {
  font-size: 2rem;
}

/* Styl dla komputerów (desktop), gdy ekran ma co najmniej 1024px */
@media (min-width: 1024px) {
  .text-3rem {
    font-size: 3rem;
  }
}




/* 1. Resetujemy szerokość kontenera aktywnego, aby dopasował się do nowych rozmiarów */
.kk-star-ratings .kksr-stars-active {
    display: flex !important;
    overflow: hidden;
}



/* Kolor ZŁOTY zamieniamy na CZARNY (dla wypełnionych gwiazdek) */
.kk-star-ratings .kksr-stars-active .kksr-star .kksr-icon {
    filter: brightness(0) !important;
}
/* 4. Układ pionowy TYLKO dla wtyczki */
.kk-star-ratings {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

.kk-star-ratings .kksr-legend {
    display: block !important;
    text-align: center !important;
    margin-top: 10px !important;
}
.kksr-legend{
	font-size:1rem !important;
}

.kb-table-of-content-list li.active{font-weight:700 !important;}










.alphabet-section-header {
    scroll-margin-top: 100px;
}
/* Kontener dla przycisków */
.sidebar-nav, .chips-container {
    display: flex;
    flex-wrap: wrap; /* Układanie obok siebie i zawijanie */
    gap: 8px; 
}

/* Styl pojedynczego "chipsa" - na podstawie Twojego screena */
.filter-btn, .chip-btn {
    display: inline-block;
    background-color: #f0f0f0 !important; /* Jasnoszare tło */
    color: #000 !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    border-radius: 0px; /* Zaokrąglone rogi jak w chipsach */
    transition: all 0.2s ease;
    border: none !important;
    width: auto !important; /* Resetuje poprzednią szerokość */
}

.filter-btn:hover, .chip-btn:hover {
    background-color: #e2e2e2 !important; /* Nieco ciemniejszy przy hoverze */
    color: #000 !important;
}


/* GŁÓWNA LISTA - UKŁAD 2-KOLUMNOWY DLA WSZYSTKICH URZĄDZEŃ */
.goyke-main-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Dwie równe kolumny */
    column-gap: 40px;
    row-gap: 20px;
    align-items: start;
}

/* Nagłówek litery (A, B, C...) na pełną szerokość */
.alphabet-section-header {
    grid-column: 1 / span 2;
    width: 100%;
    font-size: clamp(3rem, 8vw, 5rem); /* Elastyczna wielkość czcionki */
    font-weight: 900;
	color: #67d7c1;
    border-bottom: 1px solid #67d7c1;
    margin: 60px 0 30px 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}

/* CAŁKOWITE UKRYCIE METADANYCH (DATA, CZAS) */
.def-meta {
    display: none !important;
}

/* STYL WPISU - TYLKO NAGŁÓWEK */
.def-entry {
    border-bottom: 1px solid #f0f0f0; /* Delikatna linia dla czytelności */
    padding-bottom: 15px;
    margin-bottom: 0;
}

.def-title {
    font-size: clamp(18px, 2vw, 24px); /* Skalowanie tytułu */
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.def-title a {
    color: #000;
    text-decoration: none;
    transition: opacity 0.2s;
}

.def-title a:hover {
    opacity: 0.6;
}

/* DOPASOWANIE DLA MAŁYCH EKRANÓW (MNIEJSZE ODSTĘPY) */
@media (max-width: 768px) {
    .goyke-main-list {
        column-gap: 20px;
        row-gap: 15px;
    }
    
    .def-entry {
        padding-bottom: 10px;
    }
}
/* Styl wyszukiwarki */
.definicje-search-wrapper {
    margin-bottom: 40px;
    width: 100%;
}

.definicje-search-form {
    display: flex;
    gap: 10px;
}

.definicje-search-form .search-field {
    flex-grow: 1;
    border: 1px solid #f0f0f0;
    padding: 20px 25px;
    font-size: 16px;
    outline: none;
    transition: border-color 0.2s;
}

.definicje-search-form .search-field:focus {
    border-color: #000;
}

.definicje-search-form .search-submit {
    background: #000;
    color: #fff;
    border: none;
    padding: 12px 25px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    transition: opacity 0.2s;
}

.definicje-search-form .search-submit:hover {
    opacity: 0.8;
}

@media (max-width: 768px) {
    .definicje-search-form {
        flex-direction: column;
    }
}




/* Poprawa wyglądu list (kropki i liczby) w treści wpisu */
.entry-content ul, 
.entry-content ol {
    margin-bottom: 25px; /* odstęp całej listy od reszty tekstu */
}

.entry-content li {
    line-height: 1.5;    /* większy odstęp między linijkami tekstu wewnątrz punktu */
    margin-bottom: 6px; /* dodatkowy odstęp między poszczególnymi punktami */
    padding-left: 5px;   /* delikatne odsunięcie tekstu od kropki/liczby */
}

/* Usunięcie marginesu z ostatniego elementu, aby nie psuć struktury sekcji */
.entry-content li:last-child {
    margin-bottom: 0;
}


.obrazek-wyrozniajacy {
    position: relative;
    overflow: hidden;
    clip-path: inset(0 0 0 0);
    height: 600px;
    margin: 0;
    background: #000;
}

/* Celujemy w obrazek wewnątrz naszej klasy */
.obrazek-wyrozniajacy .wp-post-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    z-index: -1;
    will-change: filter;
    transform: scale(1.1); /* Zapas na rozmyte brzegi */
}





/* ===============================
   WORDPRESS – FORMULARZ KOMENTARZY
   FSE / CORE COMMENTS
   =============================== */

/* KONTAINER FORMULARZA */
.comment-respond {
    margin-bottom: 50px;
    padding: 36px;
    background: #f6f6f6;
}

/* TYTUŁ */
.comment-reply-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 28px;
}

/* UKRYCIE SYSTEMOWYCH INFO */
.comment-notes,
.logged-in-as {
    display: none;
}

/* FORMULARZ */
.comment-form {
    display: block;
}

/* OGÓLNE POLA */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 14px 16px;
    margin-top: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    background: #ffffff;
    transition: border-color .2s ease, box-shadow .2s ease;
}

/* FOCUS */
.comment-form input:focus,
.comment-form textarea:focus {
    outline: none;
    border-color: #67d7c1;
    box-shadow: 0 0 0 3px rgba(103,215,193,.3);
}

/* TEXTAREA */
.comment-form textarea {
    min-height: 160px;
    resize: vertical;
}

/* LABELKI */
.comment-form label {
    display: block;
    font-weight: 600;
    font-size: 14px;
}

/* ODSTĘPY MIĘDZY POLAMI */
.comment-form > p {
    margin-bottom: 22px;
}

/* 2 KOLUMNY – IMIĘ + EMAIL */
.comment-form-author,
.comment-form-email {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.comment-form-author {
    margin-right: 4%;
}

/* COOKIES */
.comment-form-cookies-consent {
    font-size: 13px;
    opacity: .75;
}

/* PRZYCISK WYŚLIJ */
.form-submit {
    margin-top: 30px;
}

.form-submit input[type="submit"] {
    background: #000000;
    color: #ffffff;
    border: none;
    padding: 14px 32px;
    font-size: 15px;
    font-weight: 600;
	border-radius:0 !important;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.form-submit input[type="submit"]:hover {
    background: #67d7c1;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

/* ===============================
   LISTA KOMENTARZY
   =============================== */

.comments-area {
    margin-top: 60px;
}

/* POJEDYNCZY KOMENTARZ */
.comment-body {
    padding: 24px;
    margin-bottom: 24px;
    background: #f6f6f6;
    border: 1px solid #eee;
}

/* AUTOR */
.comment-author {
    font-weight: 600;
    margin-bottom: 4px;
}

/* DATA */
.comment-metadata {
    font-size: 13px;
    opacity: .6;
    margin-bottom: 12px;
}

/* TREŚĆ */
.comment-content p {
    margin: 0 0 12px;
    line-height: 1.6;
}

/* ODPOWIEDZ */
.reply a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid currentColor;
}

.reply a:hover {
    opacity: .7;
}

/* ZAGNIEŻDŻONE KOMENTARZE */
.children {
    margin-left: 32px;
    margin-top: 20px;
}

/* ===============================
   MOBILE
   =============================== */
@media (max-width: 768px) {

    .comment-respond {
        padding: 24px;
    }

    .comment-form-author,
    .comment-form-email {
        width: 100%;
        margin-right: 0;
    }
}
.comment-reply-title{display:none;}
.slider-moich-zdjec li.splide__slide{margin:0px !important; padding:0px !important;}


/* Zastosuj tę klasę do głównego kontenera (Row Layout lub Section) */
.fix-safari-overflow {
    position: relative;
    overflow: hidden !important;
    
    /* Wymuszenie maskowania w WebKit */
    -webkit-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
    
    /* Stabilizacja warstw */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-perspective: 1000;
    perspective: 1000;
    
    /* Izolacja renderowania */
    isolation: isolate;
}

/* Czasami trzeba też uderzyć bezpośrednio w element wewnątrz */
.fix-safari-overflow * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


img[data-src]:not(.litespeed-loaded) {
    background-color: #67d7c1 !important;
}