/* Ogolne */

body {
  max-width: 100vw;
  overflow-x: hidden;
}
a:link, a:visited{ color: #1c3248; text-decoration: none; }
a:hover{ color: #bea070; 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;
  }
}
/* edycja menu */
.wp-block-navigation__responsive-container.is-menu-open {
    padding: 40px !important; /* Zwiększ lub zmniejsz wg uznania */
}
.wp-block-navigation__responsive-container-close {
    width: 50px !important;
    height: 50px !important;
    padding: 25px !important;
}
.wp-block-navigation__responsive-container-close svg {
    width: 32px !important;
    height: 32px !important;
}
@media (min-width: 600px) {
    .wp-block-navigation .wp-block-navigation-item {
        padding-left: 25px !important;  /* Odstęp z lewej */
        padding-right: 25px !important; /* Odstęp z prawej */
    }
}
@media (max-width: 599px) {
    .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        padding-top: 15px !important;    /* Odstęp nad linkiem */
        padding-bottom: 15px !important; /* Odstęp pod linkiem */
        border-bottom: 1px solid rgba(0,0,0,0.05); /* Opcjonalna linia oddzielająca */
        width: 100%; /* Rozciągnięcie na całą szerokość dla łatwiejszego klikania */
    }
	.wp-block-navigation__responsive-container-content {
    padding-top: 60px !important; /* Miejsce pod przyciskiem X */
    align-items: flex-start; /* Zmień na 'center', jeśli chcesz menu na środku */
	}
}



/* Dodatkowe klasy CSS */

.puckbay-header {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.fala-linia {
    width: 100%;
    height: 40px;
    background-image: url('https://puckbay.pl/wp-content/uploads/2026/03/pasek_gold.svg');
    background-repeat: repeat-x;
    background-size: contain;
    animation: plynaca-fala 60s linear infinite;
	opacity: 0.5;
}

@keyframes plynaca-fala {
    from {
        background-position: 0 center;
    }
    to {
        background-position: 1000px center; /* Przesunięcie poziome */
    }
}

.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: 40px;                  /* 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); }
}

/* 1. Przycisk AKCEPTUJ (Główny) */
.cky-btn-accept {
    background-color: #1c3248 !important;
    border-color: #1c3248 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 2px !important; /* Dopasowanie do ostrych/lekko obłych krawędzi strony */
    transition: all 0.3s ease !important;
}

.cky-btn-accept:hover {
    background-color: #2c4a68 !important; /* Delikatne rozjaśnienie przy najechaniu */
    border-color: #2c4a68 !important;
}

/* 2. Przyciski ODRZUĆ i DOSTOSUJ (Outline) */
.cky-btn-reject, .cky-btn-customize {
    color: #1c3248 !important;
    border-color: #1c3248 !important;
    background-color: transparent !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}

.cky-btn-reject:hover, .cky-btn-customize:hover {
    background-color: #f4f4f4 !important; /* Lekkie tło przy najechaniu */
    color: #1c3248 !important;
}

/* 3. Nagłówek i treść banera */
.cky-title {
    color: #1c3248 !important; /* Granatowy tytuł dla lepszej hierarchii */
    font-family: 'Montserrat', sans-serif !important;
}

.cky-notice-des, .cky-notice-des p {
    color: #444444 !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
}

/* 4. Subtelna ramka górna całego kontenera */
.cky-consent-container {
    border-top: 3px solid #1c3248 !important;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.1) !important;
}

/* Usunięcie zbędnego brandingu "Powered by" (opcjonalnie dla estetyki) */
.cky-tag[data-cky-tag="powered-by"] {
    display: none !important;
}
.cky-btn-revisit-wrapper{background:#1c3248 !important;}

/* --- ZWĘŻENIE TREŚCI WE WSZYSTKICH WPISACH BLOGOWYCH --- */

/* Celujemy w kontener tekstu we wpisach */
.single-post .entry-content > p, 
.single-post .entry-content > h2, 
.single-post .entry-content > h3, 
.single-post .entry-content > h4, 
.single-post .entry-content > ul, 
.single-post .entry-content > ol, 
.single-post .entry-content > blockquote {
    max-width: 850px; /* Tutaj ustawiasz szerokość tekstu - 800-900px jest idealne */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Opcjonalnie: Jeśli chcesz, aby zdjęcia zostały szersze niż tekst (efekt nowoczesny) */
.single-post .entry-content .wp-block-image, 
.single-post .entry-content .kb-advanced-image-container {
    max-width: 1100px; /* Zdjęcia mogą być szersze niż tekst */
    margin-left: auto !important;
    margin-right: auto !important;
}





/* 2. EFEKT SZKŁA DLA TŁA */
#iai_book_form {
    /* Przezroczyste białe tło */
    background: rgba(255, 255, 255, 0.2) !important;
    
    /* Rozmycie tła pod formularzem */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    
    /* Subtelna krawędź "szkła" */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    
    /* Zaokrąglenie rogów (zgodnie z prośbą 40px) */
    border-radius: 40px !important;
    
    /* Cień nadający głębię */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1) !important;
    
    padding: 20px 40px !important;
}

/* 3. ZMIANA CZCIONKI DLA WSZYSTKICH ELEMENTÓW FORMULARZA */
#iai_book_form, 
#iai_book_form input, 
#iai_book_form label, 
#iai_book_form button {
        font-family: var(--wp--preset--font-family--afacad-flux) !important;
}
#iai_book_se{
	border:0px !important;
}
#iai_book_se label{
	color:white !important;
	font-size:.75rem !important;
	text-transform:uppercase !important;
	letter-spacing:5px !important;
	font-weight:300 !important;
	    font-family: var(--wp--preset--font-family--afacad-flux) !important;
}
#iai_book_se input, #iai_book_se input[readonly] {
    border: 1px solid #bea070 !important;
    color: #1c3248 !important;
	border-radius: 5px !important;
}
form .iaiicon-users, form .iaiicon-bed, form .iaiicon-cab, form .iaiicon-calendar, form .iaiicon-location {
    color: #1c3248 !important;
}
#iai_book_se button, .iai_book_trigger b {
    background: #1c3248 !important;
	border-radius: 5px !important;
}
#iai_book_se form > div {
    width: 230px !important;
}
#iaicalendar td.iaiactiveday {
    background: #1c3248 !important;
}
#iai_book_se button {
    font-size: 18px !important;
	    font-weight: normal !important;
	padding: 7px 0 !important;
}


@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;
}
}