/* Ogolne */

body {
  max-width: 100vw;
  overflow-x: hidden;
}
a:link, a:visited{ color: #1c3248; text-decoration: none; }
a:hover{ color: #AD8A52; text-decoration: none; }
p{ line-height:1.6; }
.basic-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
}
.border-radius img { border-radius:20px !important; }
.no-margin { margin:0 !important; }
.grecaptcha-badge { visibility: hidden !important; }
@media (max-width: 767px) {
  html {
    width: 100%;
    overflow-x: hidden;
  }
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
  }
}

/* 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(173, 138, 82, 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: #434343 !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(67, 67, 67, 0.1); /* 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;
}


/* Dodatkowe klasy CSS */

.goyke-header {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.glass-effect {
    background: rgba(255, 255, 255, 0.1); /* Półprzezroczyste białe tło */
    backdrop-filter: blur(10px);          /* Siła rozmycia */
    -webkit-backdrop-filter: blur(10px);  /* Wsparcie dla Safari */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Delikatna ramka dla efektu szkła */
    border-radius: 99px;                  /* Zaokrąglone rogi */
}
.pulse-scale {
  padding: 15px 30px;
  border: none;
  animation: heartbeat 1.5s ease-in-out infinite;
}
@keyframes heartbeat {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}


/* Kontener chipsów */
.chipsy {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Większy odstęp dla oddechu */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    justify-content: flex-start; /* Wyrównanie do lewej wewnątrz kolumny */
}

/* Pojedynczy element listy */
.chipsy li {
    margin: 0 !important;
}

/* Nowy, delikatny styl chipsa */
.chipsy li a {
    display: inline-flex;
    align-items: center;
    padding: 4px 0; /* Rezygnujemy z bocznych wypełnień na rzecz minimalizmu */
    background: transparent !important; /* Usuwamy tło */
    border: none !important; /* Usuwamy ramkę */
    color: #666 !important; /* Delikatniejszy kolor tekstu */
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    pointer-events: none;
    cursor: default;
}

/* Dodajemy mały separator (kropkę) przed każdym chipsem, żeby je rozróżnić */
.chipsy li a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #c5a47e; /* Kolor złoty/beżowy pasujący do akcentów strony */
    border-radius: 50%;
    margin-right: 8px;
}

/* Usuwamy kropkę z pierwszego elementu, jeśli chcesz (opcjonalnie) */
/* .chipsy li:first-child a::before { display: none; } */

/* Poprawka dla kolumny Kadence, żeby wszystko było w jednej linii */
.kadence-column94_57cb88-92 .kt-inside-inner-col {
    display: flex;
    justify-content: center; /* Wycentrowanie chipsów względem tytułu i przycisku */
}



@media only screen and (max-width: 767px) {
    #iai_book_se form > div {
        width: 140px !important;
    }
	#iai_book_form {
		padding: 20px !important;
		width:87% !important;
    display: grid !important;
    /* Tworzymy dwie równe kolumny */
    grid-template-columns: 1fr 1fr !important;
    /* Definiujemy dwa rzędy */
    grid-template-rows: auto auto !important;
    /* KLUCZ: Wypełniaj najpierw kolumny, potem rzędy */
    grid-auto-flow: column !important;
    gap: 10px; /* Odstęp między polami */
}

/* Usuwamy stare style, które mogłyby psuć układ Grida */
#iai_book_form div {
    clear: none !important;
    margin: 0 !important;
}

/* Opcjonalnie: Stylowanie przycisku, aby ładnie wypełniał swoją komórkę */
#iai_book_form button {
    width: 100% !important;
    height: 100% !important;
}
	#iai_book_se button {
    font-size: 14px !important;
}
}