/*
Theme Name:         samoseo v2
Theme URI:          https://roots.io/sage/
Version:            10.1.7
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
Requires PHP:       7.4
Requires at least:  5.9
*/

@media (min-width: 641px) {
  .video-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  .iframe-wrapper {
    position: relative;
    width: 400px;
    height: 400px;
    display: flex;
		margin-bottom:-190px;
    align-items: center;
    justify-content: center;
  }

#__next {
    width: 275px;
    height: 275px;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    background-color: #ffffff00;
    pointer-events: auto;
    margin-bottom: 20px;
  }
  }

  .iframe-wrapper svg.gear {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #479a36;
    transform: rotate(12.7162deg);
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));
    pointer-events: none; /* Ensure SVG does not block clicks */
  }

a.button.\!mt-8.lg\:mt-0 {
    z-index: 13;
}

 @media (max-width: 640px) {
 .video-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  .iframe-wrapper {
    position: relative;
    width: 400px;
    height: 400px;
    display: flex;
		margin-bottom:-190px;
    align-items: center;
    justify-content: center;
  }

#__next {
    width: 275px;
    height: 275px;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    background-color: #ffffff00;
    pointer-events: auto;
    margin-bottom: 60px;
	 padding: 55px;
  }

  .iframe-wrapper svg.gear {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #479a36;
    transform: rotate(12.7162deg);
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));
    pointer-events: none; /* Ensure SVG does not block clicks */
  }

a.button.\!mt-8.lg\:mt-0 {
    z-index: 3;
}

  }

/* Barba zostaje: selektory .loader / .loader__shadow muszą istnieć w DOM dla JS.
   Ukrywamy tylko wizualny fullscreen (zielone tło + koła). */
.loader,
.loader__shadow {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/*
  Barba zastępuje tylko kontener #main. W fazie leave/enter treść bywa chwilowo pusta —
  wtedy wysokość main spada do ~0 i widać header + „pustkę” + stopkę, a po chwili wraca treść.
  Rezerwacja min. wysokości + nadpisanie overflow (w bundlu jest main{overflow:hidden}).
*/
main#main[data-barba="container"] {
  min-height: clamp(14rem, 38vh, 44rem);
  overflow-x: hidden;
  overflow-y: visible;
}