/*
 Theme Name:   Zawodowy Najem
 Author:       Gosia Góźdź myspot.ON
 Template:     Divi
 Version:      1.7
*/

/* ============== GLOBAL STYLES ============== */

/* Fix a horizontal scroll bug on mobile browsers */
#page-container { 
  overflow:hidden; 
  width:100%; 
  max-width:100%; }

/* Text Module */
.zn-text h1,
.zn-text h2,
.zn-text h3,
.zn-text h4,
.zn-text h5,
.zn-text h6 {
    padding-bottom: .25em;
}

.zn-text h1:not(:first-child),
.zn-text h2:not(:first-child),
.zn-text h3:not(:first-child),
.zn-text h4:not(:first-child),
.zn-text h5:not(:first-child),
.zn-text h6:not(:first-child) {
    padding-top:.25em;
}
  
.zn-text ul li,
.zn-text ol li {
    padding-bottom: .25em;
	line-height: 1.3em;
}

.zn-text p:last-of-type {
    padding-bottom: .5em;
}
.zn-text p:last-child {
  padding-bottom: 0;}

body, p, span {
  font-weight: 400 !important;
}


/* ============== LAYOUT ============== */

/*SELECTION*/
::selection {
     background-color: #F47639;
     color: #291011;} 

/* Centered Section */
@media (min-width:980px){
  .zn-center {
  display:flex;
  flex-direction:row;
  align-items:center;}
}

/*REVERSE COLUMNS ON MOBILE*/
@media screen and (max-width: 980px) {
    .zn-reverse {
        display: flex;
        flex-direction: column-reverse;}
} 

/*PRZYCISKI*/
.zn-buttons .et_pb_button_module_wrapper {
  display: inline-block;
}

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


/*COOKIES BANNER*/
.cky-consent-bar {
    border-radius:0px!important;}

.cky-consent-bar p {
	line-height:1.3em;}

@media(max-width:980px){
.cky-consent-bar p {
    font-size:13px;
    line-height:1.0;
}
.cky-consent-bar {
        padding:10px!important;
    }

p.cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
    padding:0px 15px!important;
}

.cky-notice-btn-wrapper {
    display:inline-block!important;
}

button.cky-btn {
    width:100px;
    padding:.25em;
}}


/*Link styling*/
#zn-header .et-menu li a::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-image: url("https://hubert.myspoton.pl/wp-content/uploads/2025/04/ikona-menu.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -15px!important;
    top: 35%;
    transform: translateY(-50%);
    opacity: 0; 
    transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
}

#zn-header .et-menu li a:hover::before {
    opacity: 1;
    left: -18px;  
    transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
}

#zn-header .et-menu li {
    position: relative;
}

#zn-header .et-menu li {
    margin: 0 5px;}


/* ============== BACK TO TOP ============== */
.et_pb_scroll_top {
  padding:10px!important;}

.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 
.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 20px;
    border-radius: 15px;
    background: #F47639;
    padding: 4px;
    transition: all .2s ease-in;
}
 
.et_pb_scroll_top.et-pb-icon:hover {
	background: #E04525;
    transition: all .2s ease-in;
}
 
.et_pb_scroll_top:before {
    content: "\21";
    color:#291012;
}


/* ============== HEADER ============== */
#zn-header .et_pb_row>.et_pb_column {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#zn-header .canvas-menu {
  flex-grow: 1;
}

@media (min-width:1300px){
#zn-header li {
    padding:0px 25px;
}}

@media (max-width:1088px) {
#zn-header li {
    padding:0px 8px;
}
#zn-header li a {
font-size:15px;}}

#zn-header li.menu-item a{
    border: none!important;
}


/* ============== STICKY HEADER ============== */
.sticky-header {
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); /* Safari */
  transition: none;
}

/* Ukrycie miejsca w layoucie */
.sticky-header:not(.et_pb_sticky--top) {
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* Widoczny po scrollu */
.et_pb_sticky--top.sticky-header {
  animation: fadeInSticky 0.5s ease-out 0.3s forwards;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Padding w wierszu – jeśli Divi go nadpisuje */
.sticky-header .et_pb_row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transition: padding 0.4s ease;
}

.et_pb_sticky--top.sticky-header .et_pb_row {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Animacja pojawiania się */
@keyframes fadeInSticky {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Reset transform dla sticky */
#zn-header.et_pb_sticky * {
  transform: none !important;
}


/* ============== MOBILE MENU ============== */
#zn-header .mobile_menu_bar:before {
    font-size: 50px;
}

#zn-header ul#mobile_menu1 {
    padding-top: 150px !important;
}

#zn-header .opened .mobile_menu_bar:before {
    content: '\4d';
}

#zn-header .mobile_menu_bar {
    z-index: 40;
}

/*MOBILE MENU – FADE IN / FADE OUT*/
#zn-header .et_mobile_menu {
    position: fixed;
    display: block !important;
    margin: 0 !important;
    height: 100% !important;
    min-height: 100vh;
    padding: 100px 0 0 !important;
    max-width: 100vw;
    left: 0;
    right: 0;
    top: 0;
    z-index: 39;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, visibility 0.6s ease;
}

#zn-header .et_mobile_menu a {
    font-size:18px;
}

#zn-header .opened .et_mobile_menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#zn-header .opened .et_mobile_menu .menu-item-has-children a{
    background:transparent;
}

/* Sticky Section transform */
#zn-header.et_pb_sticky * {
    transform: none !important;
}

/* MOBILE SUBMENU STYLES */

@media (max-width:980px) {
    #zn-header .sub-menu a {
        width: 350px;
    }

    #zn-header ul a {
        padding:10px 25px;
    }
	
	#zn-header .sub-menu {
    width: auto;
    padding: 0!important;
}

	#zn-header .sub-menu li a,
	#zn-header .sub-menu li a:hover,
	#zn-header .sub-menu li:last-child a {
    padding: 0px 25px 10px 35px;}
}


/* ============== FOOTER ============== */
#zn-footer .et_pb_menu__menu,
#zn-footer .et_pb_menu .et_pb_menu__menu>nav>ul {
	display: flex;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
	align-items:flex-end!important;
} 

#zn-footer .et_pb_menu__wrap {
		justify-content:flex-end!important;
}

@media (max-width:980px) {
	#zn-footer .et_mobile_nav_menu {
	display: none!important;
	}
	
#zn-footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
	justify-content:flex-start;}

#zn-footer .et_pb_menu__menu,
#zn-footer .et_pb_menu .et_pb_menu__menu>nav>ul {
	align-items:flex-start!important;
} 
#zn-footer .et_pb_menu__wrap {
		justify-content:flex-start!important;
}}


/* ============== FORMULARZ ============== */
.zn-formularz {
  font-family: monospace;
}

.forminator-field {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;}

.forminator-field input,
.forminator-field textarea{
    padding:20px!important;
    border-radius:10px!important;
}

button.forminator-button.forminator-button-submit {
    padding: .5em 2em!important;
    font-size:18px!important;
    border-radius:10px!important}

button.forminator-button.forminator-button-submit {
  display: block!important;
  margin-left: auto!important;
	margin-top:20px!important;
}

span.forminator-checkbox-label {
    font-size:12px!important;
	line-height:1.1em!important;
}

.zn-formularz p {
    font-size:14px!important;
	line-height:1.1em!important;}

.forminator-checkbox {
    align-items:flex-start!important;
}

span.forminator-checkbox-box {
    border-radius:5px!important;
}

.forminator-field input,
.forminator-field textarea{
    font-size:14px!important;
}

.forminator-response-message.forminator-show.forminator-success {
    border-radius:10px!important;}


/* ============== LICZNIKI ============== */
.licznik-500 .percent-value::before,
.licznik-5000 .percent-value::before{
  content: ">";
  font-family: 'DM Sans', sans-serif;
  font-size: 80px;
  font-weight: 400;
  color: #e14b2e;
  margin-right: 4px;
  position: relative;
  top: -0.1em;
}

.licznik-mln .percent-value::before {
  content: ">";
  font-family: 'DM Sans', sans-serif;
  font-size: 80px;
  font-weight: 400;
  color: #e14b2e;
  margin-right: 4px;
  position: relative;
  top: -0.1em;
}

.licznik-mln .percent-value::after {
  content: " mln zł";
  font-family: 'DM Sans', sans-serif;
  font-size: 40px;
  font-weight: 400;
  color: #e14b2e;
  margin-left: 4px;
  position: relative;
  top: -0.2em;
}

@media (max-width:1280px) and (min-width:980px){
.zn-columns {
    display: flex !important;
    flex-direction: column !important;
  }

.zn-columns > .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
  margin-bottom:50px;
  }
.et_pb_row.et_pb_row_10.zn-columns {
    padding-top:0px!important;
}}


/* ============== TIMELINE ============== */
.zn-timeline .timeline-panel.timeline-box.et-waypoint.et_pb_animation_top.et-animated {
    border-radius:20px;
    box-shadow: 4px 4px #291011;
}


/* ============== PUNKTORY ============== */
  .custom-list {
    padding-left: 0;
    margin: 0;
  }

  .custom-list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
    list-style: none;
  }

  /* Ukryj marker w nowoczesny sposób */
  .custom-list li::marker {
    display: none;
  }

  .custom-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.4rem;
    width: 1rem;
    height: 1rem;
    background-image: url('https://zawodowynajem.pl/wp-content/uploads/2025/04/icon-point.svg');
    background-size: contain;
    background-repeat: no-repeat;
  }


/* ============== TESTIMONIALS ============== */
@media (max-width:980px){
.zn-testimonials .swiper-buttton-container {
    margin-top: 20px;
}}

@media (max-width:768px){
.zn-maxmin  .et_pb_column.et_pb_column_1_2.et_pb_column_9.et_pb_css_mix_blend_mode_passthrough.et-last-child {
margin-top:20px!important;
margin-left:-20px!important;}

.zn-maxmin .et_pb_gutters1 .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column {
    margin-left:20px!important;
}}


/* ============== SEKCJA "KLIK" ============== */
.zn-klik-tytul {
  display: flex;
}

.zn-klik {
  display: flex;
  align-items: center;
}

.zn-klik .col-left,
.zn-klik .col-right,
.zn-klik-tytul .col-left,
.zn-klik-tytul .col-right{
  width: 40%;
}

.zn-klik .col-center,
.zn-klik-tytul .col-center{
  width: 20%;
}

@media (max-width:768px){
.zn-klik .col-left,
.zn-klik-tytul .col-left {
  width: 40%!important;
}
  
.zn-klik .col-right,
.zn-klik-tytul .col-right {
  width: 50%!important;
}

.zn-klik .col-center,
.zn-klik-tytul .col-center{
  width: 15%!important;
}}