/*
Theme Name: Studio Sosna
Theme URI: https://www.studiososna.pl/
Description: Motyw potomny dla Houzez. Zawiera szablony strony glownej i strony "Nasze realizacje" oraz podmiane formularza kontaktowego. Aktualizacje motywu Houzez nie nadpisuja tych plikow.
Author: Studio Sosna
Template: houzez
Version: 1.0.0
Text Domain: sosna-child
*/

/* Wlasne poprawki CSS dopisuj ponizej. */

/* Hero — wysrodkowanie tresci w pionie (desktop). */
.hero{align-items:center}
.hero .wrap{padding-top:clamp(72px,9vh,112px);padding-bottom:clamp(72px,9vh,112px)}
.hero h1{margin-top:14px;margin-bottom:26px}

/* Mobile: baner na pelny widoczny ekran (pasek + menu + baner = 1 ekran). */
@media(max-width:620px){
 :root{--top-bars:95px}
 .hero{min-height:calc(100vh - var(--top-bars))}
 .hero .wrap{padding-top:64px;padding-bottom:64px}
 .hero h1{margin-top:14px;margin-bottom:18px}
}

@supports (height:1svh){
 @media(max-width:620px){
  .hero{min-height:calc(100svh - var(--top-bars))}
 }
}

/* O nas: wieksze zdjecie salonu glownego. */
@media(min-width:881px){
 #o-nas .split{grid-template-columns:0.8fr 1.2fr;gap:48px}
}

/* ---- Hero na wideo (plik hero-loop w bibliotece mediow) ---- */
.hero video.bg{
	position:absolute;inset:0;width:100%;height:100%;
	object-fit:cover;z-index:0;opacity:0;pointer-events:none;
	transition:opacity .9s ease;background:var(--pine);
}
.hero video.bg.on{opacity:1}
.hero img.bg{z-index:0}
.hero .wrap{z-index:2}

/* mocniejszy welon - napisy musza byc czytelne na kazdej klatce */
.hero .veil{
	z-index:1;
	background:
		linear-gradient(rgba(10,15,10,.55) 0%,rgba(10,15,10,.35) 24%,rgba(8,12,8,.9) 100%),
		radial-gradient(110% 75% at 50% 55%,rgba(8,12,8,.55) 0%,rgba(8,12,8,0) 72%);
}

@media (prefers-reduced-motion: reduce){
	.hero video.bg{display:none}
}