/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 30 2026 | 12:08:52 */
ul {list-style: none;
    padding-left: 0;
    padding-bottom: 10px;
}

ul li {background: url(https://www.twojepodlogi.com/wp-content/uploads/2026/03/right-arrow.webp) 0 50% no-repeat; padding: 5px 0 5px 35px;}

header ul li {background: none;}

header nav ul.elementor-nav-menu li a:hover {
    text-decoration: none;
}

a:not(.elementor-button):hover {
    text-decoration: underline;
}


h1, .head1 p {    background: linear-gradient(120deg, #fff 0%, var(--e-global-color-accent) 50%,  var(--e-global-color-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
    
    .card {
  width: 100%;
  height: 350px;
  margin: 1rem auto;
  perspective: 1000px;
  cursor: pointer;
}

.number-card {
    display: block;
    color: var(--e-global-color-accent);
    font-size: 122px;
    font-weight: 900;
}


.card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.9s;
  transform-style: preserve-3d;
	box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.25);
}

.card:hover .card-inner {
  transform: rotateY(180deg);
}

.card.card2:hover .card-inner {
  transform: rotateY(-180deg);
}

.card-front,
.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 35px;
}

.card-front {
  background: radial-gradient(circle,#000 0%, rgba(14, 17, 16, 1) 100%);
  color: #fff;
  font-size: 25px;
  font-weight: 700;
display: inline;
    text-align: center;
    font-family: var(--e-global-typography-33d12ae-font-family), Sans-serif;
}

.card-back {
background: radial-gradient(circle,rgba(43, 26, 6, 1) 0%, rgba(14, 17, 16, 1)  100%);
  color: white;
  transform: rotateY(180deg);
  text-align: center;
}



/* Boksy ofertowe */
#boxy-oferta:has(.e-child:hover) .e-child:not(:hover){
  filter: blur(4px);
  opacity: .8;
  transition: all .3s ease;
}

#boxy-oferta .e-child{
  transition: all .3s ease;
}

#boxy-oferta .e-child:hover{
  transform: scale(1.1);
  z-index: 2;
}

/* Breadcrumbs */
.rank-math-breadcrumb span {
    color: #fff;
}

.rank-math-breadcrumb {
    font-size: 1.3rem;

}

/* Boxy 2 */

.pory{
    display:flex;
    flex-wrap:nowrap;
}

.pory > .e-con.e-child{
    min-width:1px;
    overflow:hidden;
    transition:all .5s linear;
    flex:1;
}

.pory .elementor-widget{
    width:400px;
    opacity:0;
    transition:all .5s linear;
}

.pory > .e-con.e-child:hover{
    flex:4;
}

.pory > .e-con.e-child:hover .elementor-widget{
    opacity:1;
}



@media (max-width:1024px){

.pory .elementor-widget{
    width:300px;
}

}


@media (max-width:767px){

.pory{
    flex-wrap: wrap;
}

.pory > .e-con.e-child{
    height:300px;
    transition: height .3s linear;
}

.pory > .e-con.e-child:hover{
    height:380px;
}

}

/* Boxy-3 */
#boxy-3 .e-child {
    transition: 0.5s;
}
#boxy-3 .e-child:hover {
          filter: sepia(1);
}

/* Formularze Landing Page */
#form-landing-page .forminator-field label {
	display: none;
}

#form-landing-page .forminator-button-submit {
	width: 100%;
	display: flex;
	justify-content: center;
}

#form-landing-page input, #form-landing-page textarea, #form-landing-page .forminator-button-submit {
	border-radius: 25px;
	padding: 17px;
}

/* Landing page - blur box */
.blurred-box-text {
	backdrop-filter: blur(10px);
}

/* Landing page - kroki */
#steps-process {
    display: flex;
}

#steps-process > .e-con {
    position: relative;
}


#steps-process > .e-con:not(:last-child)::after {
    content: "→"; 
    position: absolute;
    right: -20px; 
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
    color: var( --e-global-color-8403747 );
}

/* Landing page oferta */
#offer-extra .e-child {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    
    transition: 
        transform 0.4s ease,
        opacity 0.4s ease,
        filter 0.4s ease;

    opacity: 0.85;
    transform: scale(0.96);
    filter: brightness(0.4);
}


#offer-extra .e-child.is-active {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
    z-index: 2;
}


#offer-extra .e-child::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    
    background: rgba(255, 200, 120, 0);
    transition: background 0.4s ease;
    
    pointer-events: none;
}

#offer-extra .e-child.is-active::after {
    background: rgba(255, 200, 120, 0.08);
}


#offer-extra .e-child::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: radial-gradient(
        250px circle at var(--x, 50%) var(--y, 50%),
        rgba(255, 200, 120, 0.25),
        transparent 80%
    );

    opacity: 1;
    transition: opacity 0.3s ease;
}

#offer-extra .e-child:hover::before {
    opacity: 1;
}


#offer-extra .e-child:hover {
    transform: scale(1.02);
}

/* Katalogi */
#scaled-catalog a {
  text-decoration: none;
}

#scaled-catalog a .elementor-widget-container {
  position: relative;
  overflow: hidden; 
  z-index: 1; 
}

#scaled-catalog a .elementor-widget-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%; 
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0.3));
  transition: all 0.5s ease;
  z-index: -1; 
}

#scaled-catalog a:hover .elementor-widget-container::before {
  left: 0; 
}