/*
Theme Name: ZRK
Theme URI: https://www.zrk-dom.com.pl/
Author: Click 360 Damian Stefanski
Author URI: https://click360.pl
Description: Strona internetowa dla ZRK
Version: 1.0.0

License: MIT License (for click360 base)
License URI: https://opensource.org/licenses/MIT
Text Domain: click360

This theme is based on click360 (licensed under MIT).
This theme is used exclusively for a single client project and is not intended for distribution.
click360 is based on Underscores (https://underscores.me/), (C) 2016-2022 Digitoimisto Dude Oy.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal (https://necolas.github.io/normalize.css/).
*/

/* odstepy */ 

.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.mt-4 { margin-top: 32px; }
.mt-5 { margin-top: 48px; }
.mt-6 { margin-top: 64px; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }
.mb-4 { margin-bottom: 32px; }
.mb-5 { margin-bottom: 48px; }
.mb-6 { margin-bottom: 64px; }

.my-0 { margin-top: 0; margin-bottom: 0; }
.my-1 { margin-top: 8px; margin-bottom: 8px; }
.my-2 { margin-top: 16px; margin-bottom: 16px; }
.my-3 { margin-top: 24px; margin-bottom: 24px; }
.my-4 { margin-top: 32px; margin-bottom: 32px; }
.my-5 { margin-top: 48px; margin-bottom: 48px; }
.my-6 { margin-top: 64px; margin-bottom: 64px; }

.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 8px; }
.pt-2 { padding-top: 16px; }
.pt-3 { padding-top: 24px; }
.pt-4 { padding-top: 32px; }
.pt-5 { padding-top: 48px; }
.pt-6 { padding-top: 64px; }

.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 8px; }
.pb-2 { padding-bottom: 16px; }
.pb-3 { padding-bottom: 24px; }
.pb-4 { padding-bottom: 32px; }
.pb-5 { padding-bottom: 48px; }
.pb-6 { padding-bottom: 64px; }

.py-0 { padding-top: 0; padding-bottom: 0; }
.py-1 { padding-top: 8px; padding-bottom: 8px; }
.py-2 { padding-top: 16px; padding-bottom: 16px; }
.py-3 { padding-top: 24px; padding-bottom: 24px; }
.py-4 { padding-top: 32px; padding-bottom: 32px; }
.py-5 { padding-top: 48px; padding-bottom: 48px; }
.py-6 { padding-top: 64px; padding-bottom: 64px; }

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.bluetlo :where(.wp-block-columns) {
  margin-bottom: 0;
}

.wieksze-naglowi {    font-size: 2.75rem;     line-height: 3.5rem;}
.specjalne-akapity {margin-top:0px;}

/* Gutenberg sekcje rozmiary */

.wp-block-image img {border-radius:15px;}



/* ZAWSZE marginesy boczne */

.wp-block-columns,
.wp-block-cover,
.alignwide,
.alignfull,
.wp-block[data-align=""] {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

/* DO 768px – można dodać dodatkowe dopasowania jeśli trzeba */
@media (max-width: 768px) {
  .wp-block-group,
  .wp-block-columns,
  .wp-block-cover,
  .alignwide,
  .alignfull {
   padding-left: 8px;
  padding-right: 8px;
  }
}

/* OD 1440px – reset paddingów i centrowanie */
@media (min-width: 1440px) {
  .wp-block-group:not([class*="align"]),
  .wp-block-columns:not([class*="align"]),
  .wp-block-cover:not([class*="align"]),
  .wp-block[data-align=""] {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* 1. DOMYŚLNA SZEROKOŚĆ DLA GRUPY BEZ alignfull/alignwide */
.wp-block-group:not([class*="align"]),
.wp-block-columns:not([class*="align"]),
.wp-block-cover:not([class*="align"]),
.wp-block[data-align=""] {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}


/* 2. alignwide (zwiększona szerokość) */
.alignwide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* 3. alignfull (pełna szerokość ekranu) */
.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* Zapobieganie przesuwaniu się elementów wewnątrz alignfull
.alignfull > * {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
} */


/* Top header */
.topbar {
  padding-toP: 10px; padding-bottom: 10px;
  padding-left:20px; padding-right:20px;
  background-color: var(--color-valhalla);
  color: var(--color-white);
  font-size: var(--typography-size-18);
}

.topbar-inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topbar-left,
.topbar-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.font-size-controls {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}

.font-size-controls button {
  background-color: var(--color-white);
  color: var(--color-paragraph);
  border: 1px solid var(--color-science-blue);
  padding: 0.375rem 0.625rem;
  font-size: var(--typography-size-13);
  font-weight: var(--typography-weight-semibold);
  font-family: var(--typography-family-paragraph);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  line-height: 1;
      min-height: 29px;
}

.font-size-controls button:hover,
.font-size-controls button:focus {
  background-color: var(--color-science-blue);
  border-color: var(--color-science-blue);
  color: var(--color-white);
  outline: none;
}

.font-size-controls button:focus-visible {
  outline: 2px solid var(--color-link-text);
  outline-offset: 2px;
}

@media screen and (max-width: 768px) {
  .topbar-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
  }

  .topbar-left,
  .topbar-right {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }

  .font-size-controls {
    flex-wrap: wrap;
    justify-content: center;
  }

  .topbar-right > *:first-child {
    order: -1; /* język na górze */
  }
}


/* Footer */

svg.ikona {
       width: 1em;
    height: 1em;
    margin-right: 4px;
    fill: currentColor;
    vertical-align: middle;
}
.footer-head { font-size: var(--typography-size-18);
}

.footer-col ul {

    padding-left: 0;
	margin-left: 0;}

.footer-col li a {	font-weight: 400;
}
.footer-col li {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
	font-weight: 400;
	
	
}
ul.footer-socials li {
    padding: var(--padding-main-level-vertical) var(--padding-main-level-horizontal);
}

.site-footer a:hover {  color: var(--color-yellow);}


.site-footer {
 
  color: var(--color-white);
  font-size: var(--typography-size-16);

}

.site-footer a {
  color: var(--color-white);
  text-decoration: none;
}

.site-footer .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.site-footer .grid-footer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2rem;
}

.site-footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 2rem;
  margin-top: 2rem;
    font-size: var(--typography-size-14);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.site-footer .footer-bottom .footer-links {
  display: flex;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}


/* sam dol stopki */

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: var(--typography-size-14);
}

.footer-bottom-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.footer-links a, .footer-bottom p {
  color: var(--color-white);
  text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* feature-box */
.feature-box {
  max-width: 100%;
  margin: 0 auto;
  padding: 0rem;
  background: transparent;
}

.feature-box__inner {
  display: flex;
  flex-direction: row;
  background-color: var(--color-white);
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  width: 100%;
}

.feature-box__image {
  flex: 1 1 50%;
}

.feature-box__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.feature-box__content {
  flex: 1 1 50%;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.feature-box__headline {
  font-size: var(--typography-h3-size);
  font-weight: var(--typography-weight-heading);
  color: var(--color-heading);
  line-height: var(--typography-heading-line-height);
}

.feature-box__text {
  font-size: var(--typography-paragraph-size);
  font-weight: var(--typography-weight-paragraph);
  color: var(--color-paragraph);
  line-height: var(--typography-paragraph-line-height);
	margin-top:15px;
	margin-bottom:15px;
}

a.button.button-large.feature-box__button--blue {
  background-color: var(--color-valhalla);
  color: var(--color-white);
}




.feature-box__image {
  overflow: hidden;
}

.feature-box__image img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease-out, filter 0.6s ease-out;
  transform-origin: center center;
  will-change: transform, filter;
}

.feature-box:hover .feature-box__image img {
  transform: scale(1.12) translateY(-4%);

}







/* Icon card */

.icon-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 2rem;
  border-radius: 16px;
  color: var(--color-white);
  background-color: var(--color-valhalla); /* domyślnie niebieski */
}

.icon-card--yellow {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

.icon-card__icon img {
  width: 90px;
  height: auto;
  margin-bottom: 0rem;
}

.icon-card__headline {
  font-size: var(--typography-h4-size);
  font-weight: var(--typography-weight-bold);
  line-height: 1.4;
  margin-bottom: 1.5rem;
	max-width:317px;
	color: var(--color-white);
}



/* IMAGE CARD */
a.image-card-link-wrapper {
    text-decoration: none;
}

.image-card {
  background-color: var(--color-white);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: inline-block;
  flex-direction: column;
  max-width: 100%;
  font-family: var(--typography-family-main);
}


.image-card__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.image-card__content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.image-card__headline {
  font-size: var(--typography-h4-size);
  font-weight: var(--typography-weight-bold);
  color: var(--color-heading);
  margin: 0;
}

.image-card__text {
  font-size: var(--typography-paragraph-size);
  color: var(--color-paragraph);
  margin: 0;
}

.image-card__link {
  display: inline-block;
  margin-top: auto;
  font-weight: var(--typography-weight-bold);
  color: var(--color-link-text);
  text-decoration: underline;
  transition: color 0.2s ease;
}

.image-card__link:hover,
.image-card__link:focus {
  color: var(--color-link-text-hover);
  outline: 2px solid var(--color-black);
  outline-offset: 2px;
}


/* footer team */

.footer-col p {
    color: var(--color-white);
    margin-bottom: 0px;
    margin-top: 25px;
}

.join-team {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 3rem 0;
  max-width: 1400px;
  margin: 0 auto;
}

.join-team__images {
  display: flex;
  flex: 1 1 60%;
  gap: 1.5rem;
}

.join-team__images img {
  width: 100%;
  max-width: 380px;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}

.join-team__content {
  flex: 1 1 35%;

  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.join-team__subtitle {
  font-size: var(--typography-size-14);
  text-transform: uppercase;
  color: var(--color-yellow);
  font-weight: var(--typography-weight-bold);
}

.join-team__headline {
  font-size: var(--typography-h1-size);
  color: var(--color-white);
  font-weight: var(--typography-weight-heading);
		margin-top:10px;
	margin-bottom:20px;
}

.join-team__text {
  font-size: var(--typography-size-24);
  color: var(--color-white);
  line-height: var(--typography-paragraph-line-height);
	margin-top:0px;
	margin-bottom:30px;
}



.footer-back { background: var(--color-bac);
padding-top: 60px;
	padding-bottom: 40px;
}

.join-team-wrapper {
  background: #00355A;
background: linear-gradient(90deg, #002845 0%, #005b99 100%);

  width: 100%;
}



.icon-svg {
  width: 1em;
  height: 1em;
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
}

.wpml-ls-legacy-list-horizontal a span {
    color: var(--color-white);

}


.icon-card.icon-card--blue a.button.button-large {
	border: 1px solid var(--color-yellow);}

.icon-card.icon-card--blue a.button.button-large:hover {
    background: transparent;
    border: 1px solid var(--color-white);
    color: var(--color-white);
}






.custom-video video {
  width: 100%;
  height: auto;
  max-height: 650px;
  object-fit: cover;
  display: block;
  pointer-events: none;

}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.15);
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

.custom-video::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 92px;
  height: 92px;
  background-color: #FFD600;
  mask: url("data:image/svg+xml,%3Csvg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9l0 176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z'/%3E%3C/svg%3E") center/60% no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9l0 176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z'/%3E%3C/svg%3E") center/60% no-repeat;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 2;
  animation: pulse 1.8s infinite ease-in-out;
}

/* Gdy film już gra, ukryj ikonę */
.custom-video.playing::before {
  display: none;
}


figure.wp-block-video.alignfull.custom-video {
    padding: 0px;
}

.custom-video.playing video {
  pointer-events: auto;
}

.custom-video.playing::before {
  display: none;
}



/* Podkreślenie */


.fancy-heading mark {
	font-size: 2.75rem;
  background-image: linear-gradient(180deg, var(--color-yellow), var(--color-yellow));
  background-position: center bottom 10%;
  background-size: 100% 32%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  padding: 0 16px;
  color: inherit;
}

.fancy-heading.align-center {
  text-align: center;
}

.fancy-heading.align-left {
  text-align: left;
}

.fancy-heading.align-right {
  text-align: right;
}


/* Tło */
.bluetlo {background: var(--color-tla);}


.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background: rgb(0 0 0 / 64%);will-change:opacity}.glightbox-mobile .goverlay{background: rgb(0 0 0 / 64%);}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.64)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:rgb(0 0 0 / 64%);}}



/* Header strony */
.overlay-header {
    min-height: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
   background: linear-gradient(90deg,rgba(0, 53, 90, 0.68) 0%, rgba(0, 77, 132, 0.27) 100%);
}

h1.entry-title {
    font-size: var(--typography-size-hero);
    color: var(--color-white);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

/* Mniejszy tytuł dla stron podrzędnych */
.page-child h1.entry-title {
    font-size: calc(var(--typography-size-hero) * 0.65);
}

nav.rank-math-breadcrumb a, nav.rank-math-breadcrumb p {color: var(--color-white); text-decoration-color: var(--color-white); }


.ramka {
  position: relative;
  padding-left: 53px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ramka::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 0;
  background-color: #FDC90C;
  animation: ramkaWjazd 1s ease-out forwards;
}

@keyframes ramkaWjazd {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: 100%;
    opacity: 1;
  }
}






.nav-link {
  position: relative;
  text-decoration: none;
}

.nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 2px;
  background-color: var(--color-main);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.nav-link:hover::after,
.nav-link[aria-current="page"]::after {
  transform: scaleX(1);
}

p.subtitlepage {
    color: #fff;
    font-size: 2rem;
    line-height: 2.3rem;
    padding-bottom: 65px;
    margin-top: 0px;
	max-width: 1050px;
	  text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

@media (prefers-reduced-motion: reduce) {
  .ramka::before {
    animation: none;
  }
}

/* Contact Form */

.wpcf7 form {
  background-color: var(--color-tla);
  padding: 2rem;
  border-radius: 20px;
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 0 0 12px rgba(0,0,0,0.05);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  font-size: var(--typography-size-16);
  font-family: var(--typography-family-main);
  border-radius: px;
}

.wpcf7 input[type="submit"] {
  background-color: var(--color-yellow);
  color: var(--color-black);
  padding: 0.8rem 1.5rem;
  font-weight: bold;
  font-size: var(--typography-size-16);
  border: 2px solid var(--color-black);
  border-radius: 100px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}

.wpcf7 input[type="submit"]  {

  color: var(--color-black);
  transform: translateY(-2px);
	border:none;
	width:100%;
}

.wpcf7 input[type="submit"]:hover {
  background-color: var(--color-valhalla);
  color: var(--color-yellow);
  transform: translateY(-2px);
	border:none;

}


/* Ogłoszenia */
section.block.block-wynajem .ogloszenie-card {
    padding: 0px;
}

.ogloszenie-box {
  margin-bottom: 30px;
}

.ogloszenie-card {
  padding:20px;
  border: 1px solid #ddd;
  border-radius: 20px;

  background-color: var(--color-white);
  box-shadow: 0 0 8px rgba(0,0,0,0.03);
}

.ogloszenie-meta {
  font-size: var(--typography-size-14);
  color: #555;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.ogloszenie-meta svg {
    flex-shrink: 0;
    width: 17px;
    margin-top: -6px;
    vertical-align: middle;
    margin-right: 7px;
}

.ogloszenie-title {
  font-size: var(--typography-size-22);
  font-weight: 600;
  margin-bottom: 16px;
}

.ogloszenie-title a {text-decoration:none;
color: var(--color-black-text);
}

.pagination {
  margin-top: 40px;
  text-align: center;
}

.pagination .page-numbers {
  min-width:25px;
    margin: 0 5px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    color: var(--color-black-text);
}

.pagination .page-numbers.current {
  background-color: var(--color-yellow);
  color: var(--color-black);
  font-weight: bold;
}


.ogloszenie-card a.button.button-large.button-with-icon {
    font-size: var(--typography-size-14);
}

.ogloszenie-card a.button.button-large.button-with-icon svg {

	margin-bottom: -3px; }


h1.entry-title.post-header {font-size: var(--typography-h2-size);     line-height: 38px;}


section.section-hero.post-hero {
    background-image: url(https://www.zrk-dom.com.pl/wp-content/uploads/2025/05/hero-post.jpg);
}

section.section-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* file download */

.file-download-box {
  background-color: var(--color-tla);
  padding: 2rem;
  border-radius: 20px;
  margin: 2rem auto;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}

.file-download-box ul {
  list-style: none;
  padding-left: 0;
  margin: 1rem 0 0;
	width: 100%;
}

.file-download-box li {
  margin-bottom: 0.75rem;
}



.file-download-box li a {
  display: inline-block;
  font-weight: 600;
text-decoration: none;
}

.dokumenty svg {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.5em;
    margin-top: -8px;
    vertical-align: middle;
    fill: currentColor;
}

.file-download-box li {
    margin-bottom: 2rem;

}


/*aktualnosci */

/* News Category Template */
.block-news {
  padding: 4rem 0;
}

.block-news .news-grid, .block-wynajem .news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 kolumny na desktopie */
  gap: 2rem;
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .block-news .news-grid, .block-wynajem .news-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 600px) {
  .block-news .news-grid, .block-wynajem .news-grid {
    grid-template-columns: 1fr;
  }
}

.block-news .news-box, .block-wynajem .news-box {
  transition: transform 0.3s ease;
}

.block-news .news-box:hover, .block-wynajem .news-box:hover {
  transform: translateY(-5px);
}

.block-news .news-card, .block-wynajem .news-card {
  background: var(--color-white);
  border-radius: 20px; /* jak ogloszenie-card */
  overflow: hidden;
      border: 1px solid #ddd;
  box-shadow: 0 0 8px rgba(0,0,0,0.03); /* jak ogloszenie-card */
  height: 100%;
  /* display: flex; */
  flex-direction: column;
}

.block-news .news-thumb-link, .block-wynajem .news-thumb-link {
  display: block;
  height: 300px; /* większe zdjęcie na desktopie */
  overflow: hidden;
}
@media (max-width: 1024px) {
  .block-news .news-thumb-link, .block-wynajem .news-thumb-link {
    height: 200px;
  }
}
@media (max-width: 600px) {
  .block-news .news-thumb-link, .block-wynajem .news-thumb-link {
    height: 140px;
  }
}

.block-news .news-thumb-link img, .block-wynajem .news-thumb-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.block-news .news-thumb-link:hover img,  .block-wynajem .news-thumb-link:hover img {
  transform: scale(1.05);
}

.block-news .news-meta {
  padding: 1rem 1.5rem 0.5rem;
}

.block-news .news-date {
  color: var(--color-paragraph);
  font-size: var(--typography-size-14);
}

.block-news .news-title  {
  padding: 0 1.5rem 2rem;
  margin: 0;
  font-size: calc(var(--typography-h4-size) * 0.95); /* lekko mniejszy font */
  line-height: var(--typography-heading-line-height);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 5.5em;
}

.block-news .news-title a {
  color: var(--color-heading);
  text-decoration: none;
  transition: color 0.2s ease;
}

.block-news .news-title a:hover {
  color: var(--color-yellow);
}

.block-news .pagination {
  margin-top: 3rem;
  text-align: center;
}

.block-news .pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  margin: 0 0.25rem;
  padding: 0 0.5rem;
  border-radius: 4px;
  background: var(--color-white);
  color: var(--color-heading);
  text-decoration: none;
  transition: all 0.2s ease;
}

.block-news .pagination .page-numbers:hover {
  background: var(--color-yellow);
  color: var(--color-black);
}

.block-news .pagination .page-numbers.current {
  background: var(--color-yellow);
  color: var(--color-black);
}

/* SINGLE AKTUALNOSCI */
figure.wp-block-gallery {
    margin-top: 40px;
}


.single-featured-image {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 2.5rem auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(0,0,0,0.03);
}
.single-featured-image img {
  width: 100%;
  max-height: 500px;
  display: block;
  object-fit: cover;
  border-radius: 20px;
}

.single-post-nav {
  margin: 3rem auto 2rem auto;
  text-align: center;
  max-width: 1100px;
  background: var(--color-white);
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.single-post-nav-inner.simple-nav {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 2rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: none;
  box-shadow: none;
  padding: 0 16px;
}

.single-post-nav-link.simple-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  color: var(--color-link-text);
  font-size: var(--typography-size-20);
  font-weight: var(--typography-weight-bold);
  border-radius: 0;
  padding: 0.5em 0.5em;
  text-decoration: none;
  min-width: 0;
  max-width: 100%;
  box-shadow: none;
  transition: color 0.2s;
  outline: none;
  border: none;
}

.single-post-nav-link.simple-link:hover, 
.single-post-nav-link.simple-link:focus {
  color: var(--color-link-text-hover);
  text-decoration: underline;
  background: none;
}

.single-post-nav-link.simple-link.prev {
  justify-content: flex-start;
  text-align: left;
}

.single-post-nav-link.simple-link.next {
  justify-content: flex-end;
  text-align: right;
}

@media (max-width: 700px) {
  .single-post-nav-inner.simple-nav {
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 8px;
  }
  .single-post-nav-link.simple-link {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

.related-posts {
     padding: 0 1.25rem;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.related-posts h2 {
  font-size: var(--typography-h3-size);
  margin-bottom: 2rem;
  color: var(--color-heading);
}
.related-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
}
.related-post {
  background: var(--color-white);
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0,0,0,0.03);
  overflow: hidden;
  text-align: center;
  padding-bottom: 1.5rem;
}
.related-thumb img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
.related-title {
  font-size: var(--typography-h4-size);
  margin: 1.2rem 0 0 0;
  color: var(--color-heading);
  line-height: 1.3;
}
.related-title a {
  color: var(--color-heading);
  text-decoration: none;
  transition: color 0.2s;
}
.related-title a:hover {
  color: var(--color-yellow);
}

.share-post {
  margin: 4rem auto 2rem auto;
  text-align: center;
  max-width: 700px;
}
.share-post h2 {
  font-size: var(--typography-h4-size);
  color: var(--color-heading);
  margin-bottom: 1.5rem;
}
.share-buttons {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 600px;
}
.share-buttons a {
  display: inline-block;
  background: var(--color-yellow);
  color: var(--color-black);
  font-size: var(--typography-size-16);
  font-weight: var(--typography-weight-semibold);
  border-radius: 25px;
  padding: 0.7em 1.6em;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.share-buttons a:hover {
  background: var(--color-valhalla);
  color: var(--color-white);
}

.related-posts .news-thumb-link {
  display: block;
  height: 300px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.related-posts .news-thumb-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}

.single-post-nav-inner.simple-nav {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 2rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: none;
  box-shadow: none;
  padding: 0 16px;
}

.single-post-nav-link.simple-link.prev {
  justify-content: flex-start;
  text-align: left;
}
.single-post-nav-link.simple-link.next {
  justify-content: flex-end;
  text-align: right;
}
@media (max-width: 700px) {
  .single-post-nav-inner.simple-nav {
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 8px;
  }
  .single-post-nav-link.simple-link {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
} 

.block-wynajem .news-title-maszyny {
 
    margin: 22px;
    font-size: calc(var(--typography-h4-size) * 0.95);
    line-height: var(--typography-heading-line-height);
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 4.5em;
}

.block-wynajem .news-title-maszyny a, .block-wynajem .news-title-oferty a {
  color: var(--color-heading);
  text-decoration: none;
  transition: color 0.2s ease;
}

.block-wynajem .news-title-maszyny a:hover, .block-wynajem .news-title-oferty a:hover {
  color: var(--color-yellow);
}


.gallery-carousel {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 2rem auto;
}

.gallery-carousel .swiper-slide {
  width: 100%;
    height: 300px; 
    overflow: hidden; 
/*
  display: flex;
  justify-content: center;
  align-items: center; */
}

.gallery-carousel .swiper-slide img {
 /*  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07); */

   width: 100%;
    height: 100%; 
    object-fit: cover; 
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .07);


}

@media (max-width: 600px) {
  .gallery-carousel {
    max-width: 100%;
    padding: 0 8px;
  }
}

/* Responsive Swiper width fix for Gutenberg columns */
.gallery-carousel,
.gallery-carousel .swiper,
.gallery-carousel .swiper-wrapper,
.gallery-carousel .swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 600px) {
  .gallery-carousel,
  .gallery-carousel .swiper,
  .gallery-carousel .swiper-wrapper,
  .gallery-carousel .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 601px) {
  .gallery-carousel,
  .gallery-carousel .swiper,
  .gallery-carousel .swiper-wrapper,
  .gallery-carousel .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}



/* Wynajem */

h1.entry-title.wynajem {
  font-size: var(--typography-h1-size);
      line-height: 46px;
}


.gallery-carousel .swiper-button-next, .gallery-carousel .swiper-button-prev {
      color: var(--color-white);

}

.gallery-carousel .swiper-button-next:after, .gallery-carousel  .swiper-button-prev:after {

    padding: 10px;
    background: #00000047;
}

.gallery-carousel .swiper-pagination-bullet-active {
    background: var(--color-yellow);
        height: 15px;
    width: 15px;
}

.gallery-carousel span.swiper-pagination-bullet {
    height: 15px;
    width: 15px;
}

.gallery-carousel .swiper-pagination-bullet {

    opacity: var(--swiper-pagination-bullet-inactive-opacity, .6);
}

/* Single oferty pracy */

article.article-content.oferty-pracy-single {
    max-width: 800px;
}

/* Hero section flex layout for project details bar */
.hero-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.project-details-bar {
    background: var(--color-valhalla);
    color: var(--color-white);
    border-radius: 15px;
    padding: 2rem 2.5rem;
    min-width: 260px;
    max-width: 340px;
    margin-left: auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.project-details-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.project-details-list li {
    margin-bottom: 1.2rem;
}

.project-details-label {
    display: block;
    font-weight: 700;
    margin-bottom: 0.2rem;
    font-size: 1.08em;
}

.project-details-value {
    display: block;
    font-size: 1em;
    font-weight: 400;
    word-break: break-word;
}

@media (max-width: 900px) {
    .hero-flex {
        flex-direction: column;
        gap: 1.5rem;
    }
    .project-details-bar {
        margin-left: 0;
        margin-top: 1.5rem;
        width: 100%;
        max-width: 100%;
    }
}

/* Project gallery grid layout */
.project-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  width: 100%;

  margin-bottom: 3rem;
  box-sizing: border-box;
}

.project-gallery-grid a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
}

.project-gallery-grid a:hover,
.project-gallery-grid a:focus-visible {
  transform: scale(1.03);
  outline: 2px solid var(--color-yellow, #ff0);
  outline-offset: 4px;
}

.project-gallery-grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: #f4f4f4;
}


.project-gallery-grid a {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: transform 0.2s;
}

.project-gallery-grid a:hover {
    transform: scale(1.03);
}



.block-realizacje article.article-content h2 {
    font-size: 2.75rem;
    background-image: linear-gradient(180deg, var(--color-yellow), var(--color-yellow));
    background-position: center bottom 10%;
    background-size: 100% 32%;
    background-repeat: no-repeat;
    background-color: transparent !important;
    padding: 0 16px;
    color: inherit;
}

a.button.button-large.button-with-icon.realizacje {
    font-size: var(--typography-size-14);
    margin-left: 11px;
    margin-top: 10px;
    margin-bottom: 16px;
}

.page-id-1149 section.join-team {
    display: none;
}

.oferty_pracy-template-default .site-main {
    display: grid;
    background: var(--color-tla);
}

/*Sygnalisci */

.page-id-3901 .wpcf7 form {max-width: 100% !important;}

/* Checkboxy Contact Form 7 jeden pod drugim */
.wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}

.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {
  display: block;
}

.wpcf7-form-control.wpcf7-checkbox label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: normal;
}

.wp-block-embed iframe {
    max-width: 100%;
    width: 100% !important;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
}

@media screen and (max-width: 768px) {
  .site-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
  }

.site-branding,
.navigation,
.search-toggle {
  width: 100%;
  display: flex;

}

  .site-header .navigation,
  .site-header .search-toggle {
    justify-content: space-between;
  }
}

@media screen and (max-width: 768px) {

  .archive h1.entry-title {
    line-height: 48px;
}

  .topbar {
    padding-bottom: 15px;}

.search-mobile-stac {
    display: none;
}

}


@media screen and (min-width: 768px) {
 .mobile-se {
    display: none;
}
}

.ogloszenie-inner {
  padding: 24px;

}

@media screen and (min-width: 768px) {
  .search-toggle.search-style {
    background-color: var(--color-white);
    color: var(--color-paragraph);
    border: 1px solid var(--color-science-blue);
    padding: 0.375rem 0.625rem;
    font-size: var(--typography-size-15);
    font-weight: var(--typography-weight-semibold);
    font-family: var(--typography-family-paragraph);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
  }

  .search-toggle.search-style:hover,
  .search-toggle.search-style:focus {
    background-color: var(--color-science-blue);
    border-color: var(--color-science-blue);
    color: var(--color-white);
    outline: none;
  }

  .search-toggle.search-style:focus-visible {
    outline: 2px solid var(--color-link-text);
    outline-offset: 2px;
  }

  .search-toggle.search-style .icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
  }
}


button.search-toggle.button.button-large.feature-box__button--yellow.search-mobile-btn.mobile-se svg {
    width: 1em;
    height: 1em;
    margin-right: 4px;
    fill: currentColor;
}

.wpml-ls-legacy-list-horizontal {
    font-size: 16px;
}


@media (min-width: 769px) {
.menu-item-3023 ul.sub-menu {
    min-width: 350px;
}
}

@media (max-width: 1150px) {
.join-team__content {
  background: var(--color-blue-chalk);
  padding: 20px;
}
}
@media (max-width: 780px) {
  .join-team__content {
    background: transparent;
    padding: 20px;
  }
  }


@media (max-width: 768px) {

  .file-download-box {margin:20px;}
  
 .pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: visible; 
    gap: 6px;
  }

  .pagination .page-numbers,
  .pagination .prev,
  .pagination .next {
    flex: 0 0 auto;
  }

  .pagination .prev,
  .pagination .next {
    flex: 1 1 100%;
    text-align: center;
    padding: 12px 16px;
    margin-bottom: 8px;
    background-color: var(--color-light-gray, #f5f5f5);
    border-radius: 6px;
    font-weight: bold;
  
  }



  .pagination .page-numbers {
    flex: 0 1 auto;
    padding: 6px 10px;
    font-size: 0.9rem;
    min-width: 36px;
    margin: 2px;
  }

  .pagination .page-numbers.dots {
    pointer-events: none;
  }

  .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }



   .footer-image-2 {
    display: none;}

.block-wynajem .news-title-maszyny {
    min-height: fit-content;
}
p.subtitlepage {

    font-size: 1.5rem;}
  
  .slide-content h1,
  .slide-content h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    margin-bottom: 0.75rem;
  }

  .slide-content .text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
  }

  .slide-content a.button {
    font-size: 1rem;
    padding: 0.75rem 1.25rem;
  }

  .slide-image {
    padding-right: 0;
    margin-bottom: 4rem;
    margin-right: 24px;
  }

  .custom-slider {
    padding: 2.5rem 1rem 10rem 1rem;
  }

  .wieksze-naglowi {
    font-size: 2rem;
    line-height: 2.1rem;
}

.fancy-heading mark {
    font-size: 2rem;
}

p.join-team__text {
    font-size: 1.5em;
    line-height: 1.7rem;
}
.footer-col {
    text-align: center;
}
.container.footer-bottom-inner {
    text-align: center;
}
ul#menu-stopka {
    margin: auto;
    margin-top: 20px;
}
.heading {
    line-height: 26px;
}

.block-realizacje article.article-content h2
 {
    font-size: 2rem;


}

.join-team-wrapper {
    padding: 25px;
}

.ogloszenie-inner {
  padding: 24px;

}
}

.block-wynajem .news-title-oferty {
   margin: 0px;
    font-size: calc(var(--typography-h4-size) * 0.95);
    line-height: var(--typography-heading-line-height);
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
   min-height: 4.5em; 
}



/* Search form */

button.modal-close.button-search-close svg {
    width: 16px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -1px;
}

.search-modal-inner button.button-search {
  margin-top:10px;
    width: 100%;
    appearance: none;
    background-color: var(--color-button-background);
    border-radius: var(--border-radius-button);
    color: var(--color-button);
    cursor: pointer;
    display: inline-block;
    height: 41px;
    border: none;
    font-size: var(--typography-size-18);
      font-weight: var(--typography-weight-semibold);
    font-family: var(--typography-family-paragraph);
}

button.modal-close.button-search-close {
 
    background: #fff;
    width: auto;
    align-self: flex-end;
    background-color: var(--color-white);
    color: var(--color-paragraph);
    padding: 0.375rem 0.625rem;
    font-size: var(--typography-size-13);
    font-weight: var(--typography-weight-semibold);
    font-family: var(--typography-family-paragraph);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    line-height: 1;
    border: none;

}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header p { margin: 0px;  font-weight: 700;}


.search-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.64);
  justify-content: center;
  align-items: center;
}

.search-modal.is-visible {
  display: flex;
}

.search-modal-inner {
  background: var(--color-white);
  color: var(--color-black);
  padding: 2rem;
     border-radius: var(--border-radius-button);
  width: 90%;
  max-width: 600px;
  box-shadow: 0 5px 25px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.search-modal-inner input[type="search"] {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1.1rem;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.overlay-header.aktualnosci-hero {
    background: linear-gradient(90deg, rgb(0, 53, 90) 0%, rgb(0, 77, 132) 100%);
}

/* tabela */



.wp-block-table {
  width: 100%;
  overflow-x: auto;
  display: block;
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
}

.wp-block-table table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}

.wp-block-table td,
.wp-block-table th {
  padding: 0.5rem;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
  font-size: 1rem;
  line-height: 1.4;
}

.wp-block-file__button {
    background: var(--color-valhalla);

}

a.wp-block-file__button.wp-element-button:hover {
    color: var(--color-white);

}

button.cmplz-btn {
    font-family: "Outfit";
}

span.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]  { margin-right: 4px; display: inline; }

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-top: 20px;
}


.oferty_pracy-template-default .wpcf7 form {
background-color: #fff;
  padding-left: 2rem;
  padding-top: 0rem;
  padding-right: 2rem;
  border-radius: 0px;
  max-width: 100%;
  margin: 0 auto;
  box-shadow: none;
}
.wpcf7-list-item {
 
  margin: 0em !important;
}

.top-go {    position: fixed;
  bottom: 2rem;
  right: 2rem;
  background: var(--color-yellow);
  color: var(--color-black);
  padding: 8px 12px;
  border-radius: 5px;
  font-size: 1rem;
  text-decoration: none;
  display: block;
  z-index: 9999;}

  .video-lightbox-wrapper.alignfull a:focus-visible {
    color: var(--color-link-text-hover);
    text-decoration-color: var(--color-link-text-hover);
}