/*
 Theme Name:   ForestDESIGN - Zew Sosnowiec
 Template:     twentytwentytwo
 Version:      1.0.0
 Author:       ForestDESIGN Michał Tokarz
 Author URI:   https://forest-design.pl
*/


/* ================== OGÓLNE STYLY ================== */
h2 {
  word-break: break-all;
}

.is-style-dots {
	font-size: 2em;
}

.bez-ramki img {
	border: 0px solid #FBB900 !important;
}

.wp-block-image img {
		border-radius: 10px 0 10px 0;
    corner-shape: bevel;
	padding: .5rem;
	border: 1px solid #FBB900;	
}

.wp-block-gallery img {
	transition: 0.4s ease;
		border-radius: 10px 0 10px 0;
    corner-shape: bevel;
	padding: .5rem;
	border: 1px solid #FBB900;
}
.wp-block-gallery img:hover {
	opacity: .5;
		border-radius: 0;
    corner-shape: bevel;
	filter: grayscale(1);
	-webkit-transform : rotate(2deg) scale(1.1); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform     : rotate(2deg) scale(1.1); /* IE 9 */
    transform         : rotate(2deg) scale(1.1); /* Firefox 16+, IE 10+, Opera */
	
	border: 1px solid #FBB900;
}

.baguetteBox-button:hover {
	background-color: #00963f;
		border-radius: 0;
    corner-shape: bevel;
	
}
.baguetteBox-button {
		background-color: #FBB900;
		border-radius: 10px 0 10px 0;
    corner-shape: bevel;
		transition: 0.4s ease;
}
#baguetteBox-overlay {
	    background-color: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(10px);
}

.wp-block-accordion-heading__toggle-title:hover {
	padding-left: 2rem;
}
.wp-block-accordion-heading__toggle-title{
	transition: 0.4s ease;
}

.wp-block-accordion-panel {
	padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}
.is-open {
	border-left: solid 1px #00963f;
	border-right: solid 1px #00963f;
	border-bottom: solid 1px #00963f;
	border-radius: 10px 0 10px 0;
    corner-shape: bevel;
}

.wp-block-accordion-heading {
    background-color: #00963f;
    color: #fff;
    padding-left: .5em;
    text-transform: uppercase;	
	border-radius: 10px 0 10px 0;
    corner-shape: bevel;
	transition: 0.4s ease;
	font-size: 3vh;
    font-weight: 400;
}
.wp-block-accordion-heading:hover {
	 background-color: #FBB900;
    color: #000;
	border-radius: 0;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}
.wp-block-file .wp-block-file__button, .wp-block-search__button {
    background-color: #00963f !important;
    color: #fff !important;
		transition: 0.4s ease;
	border-radius: 10px 0 10px 0 !important;
    corner-shape: bevel !important;
	padding: calc(.167em + 2px) calc(.833em + 2px) !important;
}
.wp-block-file .wp-block-file__button:hover, .wp-block-search__button:hover {
    background-color: #FBB900 !important;
    color: #1A1A18 !important;
		transition: 0.4s ease;
	border-radius: 0px !important;
    corner-shape: bevel !important;
}


.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences, .cmplz-cookiebanner .cmplz-links .cmplz-link, .cmplz-cookiebanner .cmplz-close {
	transition: 0.4s ease;
	color: #1A1A18 !important;
}

#cmplz-manage-consent .cmplz-manage-consent {
  border: 2px solid #1A1A18 !important;
  border-bottom: none !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover {
    background-color: #00963F;
    border: 1px solid var(--cmplz_button_accept_border_color);
    color: #fff !important;
	
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    font-size: 14px;
    margin-top: 0;
    max-width: 1500px;
    text-justify: inter-word;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
	color: #FBB900 !important;
}

.cmplz-cookiebanner .cmplz-close:hover {
	color: #00963F !important;
}

#forminator-module-279.forminator-design--material .forminator-label:not([class*="forminator-floating-"]) {
    margin-bottom: .5rem;
}

.forminator-ui#forminator-module-279.forminator-design--material .forminator-checkbox, .forminator-ui#forminator-module-279.forminator-design--material .forminator-checkbox__label, .forminator-ui#forminator-module-279.forminator-design--material .forminator-checkbox__label p {
    margin-top: 0px;
	font-weight: 300;
}

.wp-block-outermost-icon-block .has-icon-color:not(.has-no-icon-fill-color) svg:hover {
 fill: #00963F;
	transform: scale(1.1);
}

.forminator-draft-wrap .forminator-copy-field button, .forminator-draft-wrap .forminator-copy-field button {
background-color: #00963f;
    border-radius: 10px 0 10px 0;
    corner-shape: bevel;
    width: 98px;
    height: 50px;
    right: 0px;
	transition: 0.4s ease;
}
.forminator-draft-wrap .forminator-copy-field button:hover, .forminator-draft-wrap .forminator-copy-field button:hover {
	 border-radius: 0px;
    corner-shape: bevel;
	
	    width: 98px;
    height: 50px;
    right: 0px;
	background-color: #FBB900;
}

.forminator-ui.forminator-custom-form[data-design=material].draft-enabled .forminator-save-draft-link.disabled:hover {
	background-color: rgb(231 231 231);
	border-radius: 10px 0 10px 0 !important;
  corner-shape: bevel;
	color: #a5a5a5;
}

.forminator-draft-wrap .forminator-draft-form button.forminator-button-submit {
    background-color: #FBB900;
    color: #1A1A18;
    -webkit-transition: .4s ease;
    transition: .4s ease;
	border-radius: 10px 0 10px 0 !important;
  corner-shape: bevel;
}
.forminator-draft-wrap .forminator-draft-form button.forminator-button-submit:hover {
    background-color: #00963f;
    color: #fff;
    -webkit-transition: .4s ease;
    transition: .4s ease;
	border-radius: 0 !important;
  corner-shape: bevel;
}

.forminator-ui.forminator-custom-form[data-design=material].draft-enabled .forminator-save-draft-link {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #00963f;
    text-decoration: none;
    background-color: rgb(231 231 231);
    padding: 10px 15px;
    margin: 0 10px;
	  border-radius: 10px 0 10px 0 !important;
  corner-shape: bevel;
}

.forminator-ui.forminator-custom-form[data-design=material].draft-enabled .forminator-save-draft-link:hover {
    background-color: #00963F;
	color: #fff;
	  border-radius: 0px!important;
  corner-shape: bevel;
}

.forminator-ui.forminator-custom-form[data-design=material] .forminator-button {
  border-radius: 10px 0 10px 0 !important;
  corner-shape: bevel;
}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-button:hover {
	  border-radius: 0px 0px 0px 0px !important;
  corner-shape: bevel;
}


.wp-block-sliderberg-sliderberg .sliderberg-nav-button.sliderberg-frontend-direct[data-size=small] {
	opacity: .15;
}
.wp-block-sliderberg-sliderberg .sliderberg-nav-button.sliderberg-frontend-direct[data-size=small]:hover {
	opacity: .8;
}

.wp-block-navigation__responsive-container .wp-block-navigation .wp-block-navigation-item {
	align-items: center;
    display: flex;
    position: relative;
    background-color: #00963F;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.footer img {
	transition: transform 0.3s ease;
}
.footer img:hover {
	transform: scale(1.1);

}

h1 {
	margin-bottom: 0px !important
}

.wp-block-navigation__responsive-container-open svg {
    fill: rgb(255 255 255);
}

.zew-header.zew-header--scrolled .wp-block-navigation__responsive-container-close svg, .zew-header.zew-header--scrolled .wp-block-navigation__responsive-container-open svg {
    fill: rgb(0 0 0);
    display: block;
    height: 24px;
    pointer-events: none;
    width: 24px;
}

.wp-block-separator.is-style-wide--4 {
   color: #FBB900;
}

/* Płynne animacje */
.wp-block-navigation .wp-block-navigation-item,
a,
svg:hover {
  transition: .4s;
}

/* Ścięte rogi przycisków / buttonów */
.wp-block-navigation .wp-block-navigation-item,
.wp-block-button__link {
  border-radius: 10px 0 10px 0;
  corner-shape: bevel;
}

/* Złoty hover buttonów */
.wp-block-button__link:hover {
  background-color: #FBB900 !important;
  color: #1A1A18 !important;
  border-radius: 0;
}

/* Zielony hover w stopce */
.footer a:hover {
  color: #00963F !important;
}

/* Ikony w menu – wspólne bazowe style (HOME, O Klubie itd.) */
.menu-home,
.aktualnosci,
.oklubie,
.druzyny,
.kadra,
.dokumenty,
.kontakt {
  position: relative;
}

/* Baza: ikona biała */
.menu-home::after,
.aktualnosci::after,
.oklubie::after,
.druzyny::after,
.kadra::after,
.dokumenty::after,
.kontakt::after,
.harmonogram::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.6rem;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) invert(1);
  transition: transform .4s, filter .4s;
}

/* Konkretne ikonki */
.menu-home::after {
  background-image: url('/wp-content/themes/twentytwentytwo-child/ikony/01_home.svg');
}
.aktualnosci::after {
  background-image: url('/wp-content/themes/twentytwentytwo-child/ikony/08_aktualnosci.svg');
}
.harmonogram::after {
  background-image: url('/wp-content/themes/twentytwentytwo-child/ikony/07_harmonogram.svg');
}
.oklubie::after {
  background-image: url('/wp-content/themes/twentytwentytwo-child/ikony/02_oklubie.svg');
}
.druzyny::after {
  background-image: url('/wp-content/themes/twentytwentytwo-child/ikony/03_druzyny.svg');
}
.kadra::after {
  background-image: url('/wp-content/themes/twentytwentytwo-child/ikony/04_kadra.svg');
}
.dokumenty::after {
  background-image: url('/wp-content/themes/twentytwentytwo-child/ikony/05_dokumenty.svg');
}
.kontakt::after {
  background-image: url('/wp-content/themes/twentytwentytwo-child/ikony/06_kontakt.svg');
}

/* Hover ikon – podskok + kolor */
.menu-home:hover::after,
.aktualnosci:hover::after,
.oklubie:hover::after,
.druzyny:hover::after,
.kadra:hover::after,
.dokumenty:hover::after,
.kontakt:hover::after,
.harmonogram:hover::after{
  transform: translate(-50%, -1rem);
  filter: brightness(1) invert(0);
}

/* Kolor ikon SVG */
svg:hover {
  fill: #00963F;
}

/* Wygląd elementów nawigacji */
.wp-block-navigation .wp-block-navigation-item {
  align-items: center;
  display: flex;
  position: relative;
  background-color: #00963F;
  color: #fff;
  -webkit-box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, .4);
  -moz-box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, .4);
  box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, .4);
}

/* Zawartość linków menu */
.wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content {
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  height: 6rem;
  overflow: visible;
}

/* Hover zawartości linku */
.wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  text-decoration: none !important;
  transform: translateY(-.8rem);
}

/* Hover kafelka menu */
.wp-block-navigation .wp-block-navigation-item:hover {
  background-color: #FBB900;
  color: #1A1A18;
  border-radius: 0 0 100px 100px;
  corner-shape: bevel;
}

/* Aktualna pozycja menu */
.current-menu-item {
  background-color: #FBB900 !important;
  color: #1A1A18 !important;
  text-decoration: none !important;
  border-radius: 10px 0 10px 0;
  corner-shape: bevel;
}

/* Przycisk menu mobilnego */
.wp-block-navigation__responsive-container-open
  .wp-block-navigation__responsive-container-open
  .wp-block-navigation__responsive-container-open {
  /* ten selektor prawdopodobnie nie jest potrzebny – możesz uprościć do jednego
     .wp-block-navigation__responsive-container-open, ale nie wpływa na wyrównanie */
  background-color: #00963F;
  padding: 1rem;
  color: #fff;
}

/* Slider – pełna wysokość */
.wp-block-sliderberg-block-slider:first-child {
  min-height: 100vh;
}


/* ================== LOGO – EFEKTY I ANIMACJE ================== */

/* Stan bazowy: kolorowe logo + animacja wysokości */
.zew-header .wp-block-site-logo .custom-logo {
  height: 150px;
  width: auto;
  filter: grayscale(0%);
  transition: height 0.3s ease, width 0.3s ease, filter 0.8s ease;
}

/* Hover logo – czarno-białe */
.zew-header .wp-block-site-logo .custom-logo:hover {
  filter: grayscale(100%);
}

/* Po scrollu – zmniejszone logo */
.zew-header.zew-header--scrolled .wp-block-site-logo .custom-logo {
  height: 70px !important;
  width: auto !important;
  filter: grayscale(0%);
}


/* ================== HEADER – STICKY I WYSOKOŚĆ ================== */

/* USUNĄĆ: wcześniejsze definicje, które ruszały szerokość / marginesy:
   - header.wp-block-template-part .zew-header { ... width/max-width ... }
   - wszystkie body.page header.wp-block-template-part ... { ... }
   - wszystkie width: 100vw / max-width: 100vw na .zew-header / .head-high.zew-header
   - body.page .wp-site-blocks { padding-left/right:0 }  */

/* header fixed ZAWSZE, na wszystkich stronach */
.zew-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;
  margin: 0;
  transition: all 0.3s ease;
}

/* home i podstrony różnią się tylko efektem po scrollu */
.zew-header.zew-header--scrolled {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(6px);
}

.wp-block-navigation__responsive-container.is-menu-open {
   height: 100vh !important;
}

/* do 599px */
@media (max-width: 599px) {
  body.page main#wp--skip-link--target {
    margin-top: 200px;
  }
.wp-block-navigation__responsive-container  .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	height: auto;
}
	/* Po scrollu – ukrycie ikon w kafelkach */
.wp-block-navigation__responsive-container .menu-home::after,
.wp-block-navigation__responsive-container .aktualnosci::after,
.wp-block-navigation__responsive-container .oklubie::after,
.wp-block-navigation__responsive-container .druzyny::after,
.wp-block-navigation__responsive-container .kadra::after,
.wp-block-navigation__responsive-container .dokumenty::after,
.wp-block-navigation__responsive-container .kontakt::after,
.wp-block-navigation__responsive-container	.harmonogram::after {
  opacity: 0;
  transform: translate(-50%, 0);
}

}

/* 600–714px */
@media (min-width: 600px) and (max-width: 714px) {
  body.page main#wp--skip-link--target {
    margin-top: 450px;
  }
}

/* 715–842px */
@media (min-width: 715px) and (max-width: 842px) {
  body.page main#wp--skip-link--target {
    margin-top: 300px;
  }
}

/* powyżej 842px */
@media (min-width: 843px) {
  body.page main#wp--skip-link--target {
    margin-top: 220px;
  }
}



/* Wnętrze – logo + menu na środku dzięki alignwide motywu */
.zew-header > .wp-block-group.alignwide {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Wysokość nagłówka na podstronach */
.head-high {
    border-bottom: 5px solid #fbb900;
    padding: .5em 0em .5em 0em;
    background-color: #1A1A18;
}

/* Efekt po scrollu – tło + rozmycie */
.zew-header.zew-header--scrolled {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(3px);
}



.zew-header.zew-header--scrolled .has-zew-main-background-color {
    background-color: #fff;
}


/* Po scrollu – kompaktowe przyciski menu */
.zew-header.zew-header--scrolled
  .wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content {
  height: 2.5rem;
  padding: 0.2rem 1rem 0.4rem 1rem;
}

/* Po scrollu – bez cieni kafelków */
.zew-header.zew-header--scrolled
  .wp-block-navigation
  .wp-block-navigation-item {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Po scrollu – bez podskoku przy hover */
.zew-header.zew-header--scrolled
  .wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  text-decoration: none !important;
  transform: translateY(0);
}

/* Po scrollu – proste rogi kafelków przy hover */
.zew-header.zew-header--scrolled
  .wp-block-navigation
  .wp-block-navigation-item:hover {
  background-color: #FBB900;
  color: #1A1A18;
  border-radius: 0;
  corner-shape: bevel;
}

/* Po scrollu – ukrycie ikon w kafelkach */
.zew-header.zew-header--scrolled .menu-home::after,
.zew-header.zew-header--scrolled .aktualnosci::after,
.zew-header.zew-header--scrolled .oklubie::after,
.zew-header.zew-header--scrolled .druzyny::after,
.zew-header.zew-header--scrolled .kadra::after,
.zew-header.zew-header--scrolled .dokumenty::after,
.zew-header.zew-header--scrolled .kontakt::after,
.zew-header.zew-header--scrolled .harmonogram::after{
  opacity: 0;
  transform: translate(-50%, 0);
}

/* Wymuś boczne paddingi na wewnętrznym kontenerze headera */
.head-high.zew-header > .wp-block-group.alignwide {
  padding-left: 16px !important;
  padding-right: 16px !important;
}