/*
Theme Name: odczujklimat
Author: EpicBrand.
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: odczujklimat
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}




.custom-inline-block {
	display: inline-block;
}

.custom-center-fit {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;    
}

.custom-align-left {
	text-align: left;
}

.center-text {
	text-align: center;
}


.svg-icon img{
  	vertical-align: middle;	
	padding-right: 4px;
	top: -1px;
}  








/* --- UKŁAD SIATKI --- */
.form-kontaktowy form.wpcf7-form {
  display: grid;
  grid-template-columns: 1fr 1fr;  
	font-size: 14px;
	color: var(--wp--preset--color--contrast);
}

/* Lewa kolumna (Imię, Telefon, Email) */
.form-kontaktowy form.wpcf7-form p:nth-of-type(1),
.form-kontaktowy form.wpcf7-form p:nth-of-type(2),
.form-kontaktowy form.wpcf7-form p:nth-of-type(3) {
  grid-column: 1;
}

/* Prawa kolumna – Wiadomość */
.form-kontaktowy form.wpcf7-form p:nth-of-type(4) {
  grid-column: 2;
  grid-row: 1 / span 3;
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* zmniejszony odstęp między elementami wewnątrz */
margin-left: 1.5rem; /* lub inna wartość, np. 2rem */
}

@media (max-width: 768px) {
.form-kontaktowy form.wpcf7-form p:nth-of-type(4) {
	margin-left: 0rem !important; /* lub inna wartość, np. 2rem */
	}
}


/* Przycisk na dole po lewej */
.form-kontaktowy form.wpcf7-form p:nth-of-type(5) {
  grid-column: 1 / 2;
  text-align: left;
}




/* --- STYLE PÓL FORMULARZA --- */
.form-kontaktowy input,
.form-kontaktowy textarea,
.form-kontaktowy select,
.form-podstrona-kontakt input,
.form-podstrona-kontakt textarea,
.form-podstrona-kontakt select {
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
}

.form-kontaktowy ::placeholder,
.form-podstrona-kontakt ::placeholder {
  font-size: 14px;
	font-family: Inter;
}

.form-kontaktowy input,
.form-kontaktowy textarea {
  margin-top: 6px; /* odstęp od labela */
}

.form-kontaktowy form.wpcf7-form p:nth-of-type(1),
.form-kontaktowy form.wpcf7-form p:nth-of-type(2),
.form-kontaktowy form.wpcf7-form p:nth-of-type(3),
.form-kontaktowy form.wpcf7-form p:nth-of-type(4) {
	margin-top: 4px;
	margin-bottom: 4px;
}



/* --- RESPONSYWNOŚĆ --- */
@media (max-width: 768px) {
  .form-kontaktowy form.wpcf7-form {
    grid-template-columns: 1fr;
  }

  /* Wszystkie pola w jednej kolumnie */
  .form-kontaktowy form.wpcf7-form p:nth-of-type(1),
  .form-kontaktowy form.wpcf7-form p:nth-of-type(2),
  .form-kontaktowy form.wpcf7-form p:nth-of-type(3),
  .form-kontaktowy form.wpcf7-form p:nth-of-type(4),
  .form-kontaktowy form.wpcf7-form p:nth-of-type(5) {
    grid-column: 1 / 2 !important;
    grid-row: auto !important;
  }
}




@media (max-width: 768px) {
  .custom-gap-bar {
    gap: 4px;
  }
}


/* Menu mobilne */



.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 48px !important;
	padding-left: 20px;
	padding-right: 20px;
	
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
	padding-top: 24px;

}

.wp-block-navigation__responsive-container-close {
	padding-top: 56px;
	padding-right: 20px;
}

.wp-block-navigation__responsive-container.is-menu-open {		
	font-size: 20px !important;
	gap: 20px;
}

.is-menu-open .wp-block-navigation-item__content {
	font-size: 18px;
}

.is-menu-open .wp-block-navigation-submenu {	
gap: 16px !important;
font-size: 16px !important;
}

.is-menu-open .wp-block-navigation__container {
margin-top: 52px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-buttons {
margin-top: 16px;
}





@media (max-width: 768px) {
  .hide-on-mobile {
    display: none;
  }
}





.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    background-color: #fff; /* lub inny kolor tła */
}

.sticky-header {
    position: fixed;
    top: var(--wp--custom--top-bar--height, 40px); /* Pozycja pod top-bar */
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: transparent;
    transition: all 0.3s ease;
}

.sticky-header.scrolled {
    background-color: rgba(255, 255, 255, 0.9);
    top: 0; /* Przyklejamy do góry podczas scrollowania */
}



/* Kontrola odstępu od góry dla całej strony */
body {
    padding-top: 0; /* Usuwamy padding z body */
}

/* Kontrola odstępu dla głównej zawartości */
.site-content {
    position: relative;
    z-index: 1;
    margin-top: calc(var(--wp--custom--header--height, 80px) + var(--wp--custom--top-bar--height, 40px));
}

/* Dodatkowe style dla template parts w FSE */
.wp-block-template-part {
    margin-top: 0;
}

/* Style dla głównej sekcji content */
.wp-block-group.is-layout-flow {
    margin-top: 0;
}

/* Style dla pierwszej sekcji na stronie */
.wp-block-group.is-layout-flow:first-child {
    margin-top: 0;
    padding-top: 0;
} 



a {
	text-decoration: none !important;
}

.wp-block-navigation a:hover {
  color: var(--wp--preset--color--custom-color-1) !important;
}




.wp-element-button {
	border: 2px solid transparent;
  	box-sizing: border-box;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;

}

.wp-element-button:hover {
  border: 2px solid var(--wp--preset--color--custom-color-1);
 background-color: #ffffff;
  color: #001111;
  box-sizing: border-box;
}



.wp-element-button {
	box-shadow: none;
}






.wp-block-details summary::marker {
  content: none;
}

.wp-block-details summary {
  position: relative;
  padding-right: 2em;
  cursor: pointer;
}

/* Strzałka z pliku SVG */
.wp-block-details summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5em;
  width: 1em;
  height: 1em;
  background-image: url('https://odczujklimat.epicbrand.pl/wp-content/uploads/2025/05/Vector.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease;
}

/* Obrót strzałki po otwarciu */
.wp-block-details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}


.wp-block-details summary {
	padding-bottom: 12px;
}

.customflexshrink {
	flex-shrink: 0 !important;
}


.custom-price {
	font-size: 48px;
	color: #001111;
}





/* Style dla menu na podstronach (szablon Strony) */
.page-template-default .wp-block-navigation a {
    color: #ffffff !important; /* lub inny kolor, który chcesz użyć na podstronach */
}


.page-template-default .wp-block-navigation__responsive-container-open svg{
      filter: brightness(0) invert(1);

}

.page-template-default .is-menu-open .wp-block-navigation__responsive-container-content a {
	color: var(--wp--preset--color--primary) !important;
}

.page-template-default .wp-block-navigation a:hover {
    color: var(--wp--preset--color--custom-color-1) !important;
}

body.page-template-default .sticky-header.scrolled {
    background-color: rgba(0, 51, 52, 0.9);
}




@media (max-width: 1024px) {
    .wp-block-navigation__responsive-container-open {
	display: flex !important;
}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}	
	
}


.menu-overlay-logo img {
	width: 120px;
	height: auto;
}


@media (max-width: 767px) {
.mob-left {        
		float:left;
    }
}


a:hover {
	color: var(--wp--preset--color--custom-color-1);
}


@media (max-width: 768px) {
  .hide-bgimage-mob {
    background-image: none !important;
  }
	
	.mob-100 {
		max-width: 100% !important;
	}
}


.custom-ov-hidden {
	overflow: hidden !important;
}


.custom-cover-justify .wp-block-cover__inner-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}