/*
Theme Name:     matevent Theme
Theme URI:      n/a
Template:       kadence
Author:         Pater Media
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

#preloader {
    background: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: opacity 0.6s ease;
  }
  #preloader.hidden {
    opacity: 0;
    pointer-events: none;
  }
  #preloader svg {
    overflow: visible;
    position: absolute;
	max-width: 90vw;
  }
  #eqPath {
    fill: none;
    stroke: #0B92C8;
    stroke-width: 7.55906;
  }
  .overlay {
    fill: white;
  }

body {
      background: #010914;
	  backdrop-filter: blur(80px);
	/*  overflow-x: hidden; */
}
.background-glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/*.onas-section:after {
	background: no-repeat;
    background-image: url(/wp-content/uploads/2025/05/glosnik2_tech-1.png);
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    transform: translate(-500px, 300px) rotate(45deg) scale(.5);
    top: 0;
}

.uslugi-section:after {
	background: no-repeat;
    background-image: url(/wp-content/uploads/2025/05/konstrukcje_tech.png);
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 400px;
    right: -800px;
	z-index: -1;
    opacity: .7;
}*/
.glow {
  position: absolute;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle at center, hsl(0, 100%, 60%), transparent 60%);
 filter: blur(30px);
  opacity: .9;
  border-radius: 50%;
  transform: translate(-9999px, -9999px);
  pointer-events: none;
  transition: transform 0.05s ease-out;
}

.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper {
    bottom: 100px !important;
    right: 30px !important;
}
/*flip wrapper*/

  .flip-wrapper {
      display: flex;
	  flex-wrap: wrap;
	  gap: 15px;
	  justify-content: center;
    }

    .flip-container {
      width: 600px;
      height: 400px;
      position: relative;
      perspective: 1000px;
    }

    .flip-box {
      width: 100%;
      height: 100%;
      position: relative;
      transform-style: preserve-3d;
      transition: transform 0.8s ease;
    }

    .flip-container:hover .flip-box {
      transform: rotateX(180deg);
    }

    .flip-side {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 1.2rem;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      border: 3px solid #fff6;
    }

    .front {
      background: linear-gradient(146deg, rgb(0 0 0) 0%, rgb(10 32 70) 100%);
      transform: rotateX(0deg);
      color: white;
    }

    .back {
      background: none;
      transform: rotateX(180deg);
      color: white;
    }

    .back::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      transform: translateZ(0);
      z-index: 0;
	  backdrop-filter: blur (50px);
    }

.flip-container:nth-of-type(1) .back::after {
  background:
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
	url('/wp-content/uploads/2025/05/oswietlenie.jpg') center/cover no-repeat;
}
.flip-container:nth-of-type(2) .back::after {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
			url('/wp-content/uploads/2025/05/naglosnienie.jpg') center/cover no-repeat;
}
.flip-container:nth-of-type(3) .back::after {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
				url('/wp-content/uploads/2025/05/scenografia.jpg') center/cover no-repeat;
}
.flip-container:nth-of-type(4) .back::after {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
				url('/wp-content/uploads/2025/05/konstrukcje.jpg') center/cover no-repeat;
}

    .back::after {	
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      transform: translateZ(1px);
      z-index: 1;
    }

    .text-layer {
      position: relative;
      transform: translateZ(100px);
      color: white;
      z-index: 2;
      text-align: center;
      padding: 0 40px;
    }

.flip-side.front .text-layer {
	font-size: 2rem;
	text-transform: uppercase
}

    .icon-layer {
      position: relative;
      transform: translateZ(120px);
      z-index: 2;
      margin-bottom: 10px;
    }

    .icon-layer svg {
      width: 100px;
      height: auto;
      fill: white;
    }

.flip-container:nth-of-type(2) .icon-layer svg {
	transform: translatex(15px);
}
.flip-container:nth-of-type(4) .icon-layer svg {
	transform: rotate(25deg);
	margin-bottom: 30px;
	width: 120px
}

@media screen only and (min-width: 800px) {
	html { backdrop-filter: blur(30px);
      -webkit-backdrop-filter: blur(30px);
	}
}

@media screen and (max-width: 799px) {
	body {
	  backdrop-filter: none !important;
}
	.flip-wrapper {
	  gap: 30px;
    }
	.flip-container {
      max-width: 92vw !important;
      height: 350px !important;
	}
	.flip-side.back {
		font-size: .9rem
	}
}