/*
Theme Name: Domowe Pokojówki
Author: Domowe Pokojówki
Description: Lekki, responsywny motyw przygotowany na podstawie wizualizacji marki. Wspólna nawigacja, edytowalne treści i lokalne grafiki.
Version: 1.0.15
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: domowe-pokojowki
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face{font-family:Raleway;src:url('assets/raleway.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('assets/cormorant-garamond.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--ink:#10172e;--muted:#596781;--gold:#aa650f;--blue:#318bff;--line:#dce2ec;--page-gutter:clamp(24px,4.2vw,90px);--header-height:clamp(140px,11.6vw,194px);--bottom-space:clamp(80px,10svh,112px);--photo-height:clamp(560px,80svh,860px);--font:Raleway,'Segoe UI',sans-serif;--heading-font:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:hover{color:var(--gold)}:focus-visible{outline:2px solid #1268cd;outline-offset:5px;border-radius:2px}h1,h2,p{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:400}p{color:var(--muted)}.icon{display:block;width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;color:var(--blue);flex-shrink:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:12px 20px;border:2px solid var(--ink)}.skip-link:focus{top:12px}
.site-header{height:var(--header-height);padding:20px var(--page-gutter);display:flex;align-items:flex-start;gap:clamp(20px,2.6vw,48px);position:relative;z-index:20}.brand{flex:0 0 clamp(180px,15.5vw,260px)}.brand a{display:block}.brand img{display:block;width:100%;max-height:155px;object-fit:contain}.primary-navigation{flex:1;padding-top:clamp(28px,3vw,52px);min-width:0}.menu{display:flex;justify-content:space-between;gap:16px;list-style:none;margin:0;padding:0}.menu a{display:block;font-size:clamp(12px,.9vw,15px);line-height:1.4;white-space:nowrap;padding:8px 0;position:relative}.menu a[aria-current=page],.menu .current-menu-item>a{font-weight:650}.menu a[aria-current=page]:after,.menu .current-menu-item>a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#d99526}.socials{display:flex;align-items:center;gap:10px;padding-top:clamp(27px,2.9vw,49px)}.social{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.social .icon{width:26px;height:26px}.social--instagram .icon{color:#343d55;stroke-width:1.9}.social--hughub .icon{color:#3d8df7;stroke:none;fill:currentColor}.social-custom{width:26px;height:26px;object-fit:contain}.menu-toggle{display:none}
.page-scene{position:relative;isolation:isolate;margin-top:calc(-1 * var(--header-height));padding-top:var(--header-height);min-height:100svh;display:flex;flex-direction:column;max-width:2200px;margin-left:auto;margin-right:auto}.scene-image{position:absolute;inset:0 0 auto;height:var(--photo-height);overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)}.scene-image picture{display:block;height:100%}.scene-image img{display:block;width:100%;height:calc(var(--photo-height) * var(--photo-scale,1.25));object-fit:cover;object-position:center top}.hero{flex:1;min-height:clamp(380px,30vw,580px);padding:clamp(44px,4vw,68px) var(--page-gutter);display:flex;align-items:center}.hero-copy{width:57%;max-width:880px}.eyebrow{font-size:clamp(11px,.94vw,16px);font-weight:600;letter-spacing:.19em;text-transform:uppercase;line-height:1.7;color:var(--gold);margin-bottom:26px}.hero h1{font-size:clamp(43px,4.09vw,72px);font-weight:400;line-height:1.2;letter-spacing:-.018em;text-wrap:balance}.hero-subtitle{font-size:clamp(22px,2vw,34px);font-weight:350;line-height:1.35;letter-spacing:-.012em;color:var(--gold);margin-top:16px}.hero-description{font-size:clamp(17px,1.38vw,24px);line-height:1.65;font-weight:350;max-width:680px;margin-top:27px;text-wrap:pretty}.page-scene--home .hero{flex:1;min-height:clamp(410px,35vw,660px)}.page-scene--home .hero h1{line-height:1.27}.page-scene--home .hero-description{max-width:680px}.page-scene--partners .hero-copy{width:53%}.page-scene--pricing{--bottom-space:clamp(104px,14svh,150px)}.page-scene--pricing .hero{flex:1;min-height:0;padding-block:clamp(30px,3vw,50px)}
.features{flex-shrink:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 var(--page-gutter);padding:calc((18px + var(--bottom-space)) / 2) 0;gap:0;position:relative}.features--5{grid-template-columns:repeat(5,minmax(0,1fr))}.features--4{grid-template-columns:repeat(4,minmax(0,1fr))}.features--3{grid-template-columns:repeat(3,minmax(0,1fr))}.feature{position:relative;min-width:0;overflow-wrap:anywhere;text-align:center;padding:0 22px}.feature+.feature:before{content:'';position:absolute;left:0;top:10px;bottom:0;width:1px;background:var(--line)}.feature>.icon{margin:0 auto 16px;width:49px;height:49px}.feature h2{font-size:clamp(19px,1.55vw,27px);font-weight:600;line-height:1.35;letter-spacing:-.012em}.feature p{font-size:clamp(14px,1.05vw,18px);line-height:1.55;margin:17px auto 0;max-width:240px}.page-scene--home .features{width:100%;max-width:1350px;margin-left:auto;margin-right:auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.page-scene--home .feature h2{font-size:clamp(18px,1.23vw,21px);color:var(--muted)}.page-scene--home .feature>.icon{width:44px;height:44px}.page-scene--pricing .hero-description{font-size:clamp(23px,1.9vw,32px);font-weight:400;line-height:1.45;letter-spacing:-.015em}.page-scene--pricing .features{padding-block:calc((26px + var(--bottom-space)) / 2)}.page-scene--pricing .feature>.icon{width:clamp(76px,6vw,100px);height:clamp(76px,6vw,100px);margin-bottom:24px}.page-scene--pricing .feature h2{font-size:clamp(30px,2.46vw,41px);font-weight:600;letter-spacing:-.02em}.page-scene--pricing .feature p{font-size:clamp(23px,1.9vw,32px);max-width:none;margin-top:30px;font-weight:400}
.contact-details{display:flex;flex-wrap:wrap;gap:35px 70px;margin:calc((20px + var(--bottom-space)) / 2) var(--page-gutter);flex-shrink:0;max-width:900px}.contact-item{display:flex;align-items:flex-start;gap:16px;min-width:0}.contact-item>.icon{width:28px;height:28px;margin-top:5px}.contact-item h2{font-size:19px;margin-bottom:6px}.contact-item a,.contact-item p{font-size:16px;color:var(--muted);overflow-wrap:anywhere}.contact-item a:hover{text-decoration:underline}.contact-pending{font-size:15px}.additional-content,.standard-content{max-width:1100px;margin:50px auto 90px;padding:0 var(--page-gutter)}.additional-content h2,.standard-content h1{font-weight:400;font-size:clamp(31px,4.48vw,54px);line-height:1.25;margin-bottom:24px}.additional-content p,.standard-content p{margin:20px 0}.additional-content a,.standard-content a{text-decoration:underline}.button{display:inline-flex;gap:15px;align-items:center;border:1px solid var(--line);padding:12px 22px;margin-top:20px}.button>.icon{width:20px;height:20px}.wp-block-image img{height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:2200px){.site-header{max-width:2200px;margin:auto}.page-scene{min-height:100svh}}
@media(max-width:1300px){:root{--header-height:140px}.site-header{align-items:center}.brand{flex-basis:185px}.brand img{max-height:110px}.menu-toggle{display:flex;align-items:center;gap:13px;margin-left:auto;background:rgba(255,255,255,.8);border:1px solid #dce2ec;border-radius:4px;padding:10px 14px;min-height:44px;color:var(--ink);cursor:pointer;font-size:14px}.menu-bars{width:19px;height:12px;border-top:1px solid;border-bottom:1px solid;position:relative}.menu-bars:before{content:'';position:absolute;left:0;right:0;top:5px;border-top:1px solid}.socials{padding-top:0}.primary-navigation{position:absolute;left:var(--page-gutter);right:var(--page-gutter);top:calc(var(--header-height) - 6px);padding:22px 28px;background:rgba(255,255,255,.98);border:1px solid var(--line);box-shadow:0 20px 40px #14263c12;border-radius:5px}.js .primary-navigation:not(.is-open){display:none}.menu{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px}.menu a{font-size:15px;padding:12px 0;white-space:normal}.primary-navigation:not(.is-open){position:relative;top:auto;left:auto;right:auto}.js .primary-navigation{position:absolute;top:calc(var(--header-height) - 6px);left:var(--page-gutter);right:var(--page-gutter)}html:not(.js) .site-header{height:auto;min-height:var(--header-height);flex-wrap:wrap}html:not(.js) .primary-navigation{flex-basis:100%}html:not(.js) .page-scene{margin-top:0}.hero-copy{width:60%}.hero{padding-block:44px}.hero-description{font-size:18px}.feature{padding:0 14px}.feature h2{font-size:20px}.feature p{font-size:15px}.features--6{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}.features--6 .feature:nth-child(4):before{display:none}.page-scene{min-height:100svh}.scene-image img{object-position:80% top}.scene-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffffb0 0%,transparent 65%),linear-gradient(0deg,#fff 0%,transparent 15%)}.page-scene--partners .hero-copy{width:56%}}
@media(max-width:900px) and (min-width:701px){.hero-copy{width:65%}.hero h1{font-size:45px}.hero-subtitle{font-size:26px}.hero-description{font-size:17px}.scene-image img{object-position:85% top}.scene-image:after{background:linear-gradient(90deg,#fffffff5 0%,#fffffff0 52%,transparent 90%),linear-gradient(0deg,#fff,transparent 22%)}.features--5{grid-template-columns:repeat(5,minmax(0,1fr))}.feature{padding:0 10px}.feature h2{font-size:18px}.feature p{font-size:14px}.page-scene--partners .hero-copy{width:61%}}
@media(max-width:700px){:root{--header-height:112px;--page-gutter:24px}.site-header{padding:12px 20px;gap:10px;background:#fff}.brand{flex-basis:150px}.brand img{max-height:88px}.menu-toggle{padding:9px 11px;font-size:13px}.socials{gap:0}.social{width:30px;height:40px}.social .icon,.social-custom{width:22px;height:22px}.primary-navigation,.js .primary-navigation{left:16px;right:16px;padding:16px 22px}.menu{grid-template-columns:1fr;gap:0}.menu a{padding:10px 0}.page-scene{display:flex;flex-direction:column;margin-top:0;padding-top:0;min-height:0}.hero,.page-scene--home .hero,.page-scene--pricing .hero{order:1;flex:none;min-height:0;padding:22px var(--page-gutter)}.hero-copy,.page-scene--partners .hero-copy{width:100%;max-width:550px}.eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:21px;max-width:330px}.hero h1{font-size:clamp(38px,9.3vw,55px);font-weight:400;line-height:1.22;letter-spacing:-.018em}.hero-subtitle{font-size:24px;line-height:1.4;margin-top:17px}.hero-description{font-size:16px;line-height:1.75;margin-top:23px}.hero-description br{display:none}.scene-image{order:2;position:relative;inset:auto;width:100%;height:300px;margin:6px 0 10px;z-index:0;overflow:hidden;mask-image:none}.scene-image img{width:100%;height:100%;object-fit:cover;object-position:75% 38%}.scene-image picture{display:block;height:100%}.scene-image:after{background:linear-gradient(180deg,#fff 0%,transparent 18%,transparent 78%,#fff 100%)}.features{order:3;margin:0 var(--page-gutter);padding:38px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0}.feature{padding:0 13px}.feature:nth-child(odd):before{display:none}.features--6 .feature:nth-child(4):before{display:block}.feature>.icon{width:40px;height:40px;margin-bottom:13px}.feature h2{font-size:19px;line-height:1.4}.feature p{font-size:14px;line-height:1.6;margin-top:10px}.page-scene--home .features{margin:0;padding:36px 16px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.page-scene--home .feature{padding:0 4px}.page-scene--home .feature h2{font-size:16px}.page-scene--home .feature>.icon{width:34px;height:34px}.page-scene--home .feature:before{display:block}.page-scene--home .feature:nth-child(1):before,.page-scene--home .feature:nth-child(4):before{display:none}.page-scene--pricing .hero-description{font-size:21px;line-height:1.5}.page-scene--pricing .features{grid-template-columns:1fr;padding:20.5px 0;gap:0}.page-scene--pricing .feature{padding:28px 0}.page-scene--pricing .feature+.feature:before{display:block;top:0;left:15%;right:15%;height:1px;width:auto;bottom:auto}.page-scene--pricing .feature>.icon{width:51px;height:51px;margin-bottom:17px}.page-scene--pricing .feature h2{font-size:28px}.page-scene--pricing .feature p{font-size:22px;margin-top:10px}.contact-details{order:3;margin:35.5px var(--page-gutter);gap:27px;flex-direction:column}.additional-content,.standard-content{margin:35px auto 55px}.additional-content{padding:0 24px}}
@media(max-width:360px){.brand{flex-basis:130px}.site-header{padding-left:14px;padding-right:14px;gap:7px}.menu-toggle{gap:8px;padding:8px}.social{width:26px}.scene-image{height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.menu-toggle,.socials,.scene-image{display:none}.page-scene{margin:0;padding:0;min-height:0}.site-header{height:auto}.primary-navigation{display:none}.hero{flex:1;min-height:0}.hero-copy{width:100%}.features{break-inside:avoid}}

/* Restore the soft white veil behind live text while keeping the source photo intact. */
@media(min-width:1301px){.scene-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.78) 29%,rgba(255,255,255,.35) 47%,transparent 65%)}}

/* Match the visible photo area despite different white margins in the source artwork.
   Scale uniformly with object-fit: cover; never stretch the people in the photographs. */
@media(min-width:701px){
 .page-scene--home,.page-scene--contact{--photo-scale:1.10}
 .page-scene--why{--photo-scale:1.43}.page-scene--why .scene-image img{object-position:85% top}
 .page-scene--pricing{--photo-scale:1.40}.page-scene--products{--photo-scale:1.20}
 .page-scene--franchise,.page-scene--jobs{--photo-scale:1.33}
 .page-scene--partners{--photo-scale:1.28}.page-scene--partners .scene-image img{object-position:right top}
}

/* On tablets keep the detail rows below the shared photograph frame. */
@media(min-width:701px) and (max-width:1300px){
 .hero,.page-scene--home .hero,.page-scene--pricing .hero{min-height:calc(var(--photo-height) - var(--header-height))}
}
/* Bring the pricing portrait to the scale used on the services page. */
@media(min-width:1301px){.page-scene--pricing .scene-image img{object-position:65% top}}
/* Lift the contact row without moving the heading or changing the photo frame. */
.page-scene--contact{--contact-lift:clamp(96px,14svh,140px)}
.page-scene--contact .contact-details{
 margin-top:calc((20px + var(--bottom-space)) / 2 - var(--contact-lift));
 margin-bottom:calc((20px + var(--bottom-space)) / 2 + var(--contact-lift));
}
@media(max-width:700px){.page-scene--contact .contact-details{margin-top:15.5px;margin-bottom:55.5px}}
/* Size the desktop composition by available height as well as width.
   Minimum content sizes still allow natural scrolling for longer edited copy. */
body{--admin-bar-height:0px;--available-height:calc(100svh - var(--admin-bar-height))}
body.admin-bar{--admin-bar-height:32px}
@media(max-width:782px){body.admin-bar{--admin-bar-height:46px}}
@media(min-width:701px){.page-scene{min-height:var(--available-height);--photo-height:clamp(560px,calc(var(--available-height) * .8),860px)}}
@media(min-width:1301px){
 body{--header-height:clamp(124px,min(11.6vw,18svh),174px)}
 .brand img{max-height:calc(var(--header-height) - 40px)}
 .primary-navigation{padding-top:clamp(28px,min(3vw,5svh),52px)}
 .socials{padding-top:clamp(27px,min(2.9vw,4.9svh),49px)}
 .hero,.page-scene--home .hero,.page-scene--pricing .hero{min-height:auto;padding-block:clamp(20px,3svh,32px)}
 .eyebrow{margin-bottom:clamp(16px,2.5svh,26px)}
 .hero h1{font-size:clamp(43px,min(4.09vw,7.4svh),72px)}
 .hero-subtitle{font-size:clamp(22px,min(2vw,3.5svh),34px);margin-top:clamp(12px,1.7svh,16px)}
 .hero-description{font-size:clamp(17px,min(1.38vw,2.3svh),24px);margin-top:clamp(18px,2.5svh,27px)}
 .features,.page-scene--pricing .features{padding-block:clamp(24px,4.2svh,46px)}
 .feature>.icon{width:clamp(36px,4.8svh,49px);height:clamp(36px,4.8svh,49px);margin-bottom:clamp(12px,1.7svh,16px)}
 .feature h2{font-size:clamp(19px,min(1.55vw,2.75svh),27px)}
 .feature p{font-size:clamp(14px,min(1.05vw,2svh),18px);margin-top:clamp(10px,1.7svh,17px)}
 .page-scene--pricing .hero-description,.page-scene--pricing .feature p{font-size:clamp(23px,min(1.9vw,3.3svh),32px)}
 .page-scene--pricing .feature>.icon{width:clamp(64px,9svh,100px);height:clamp(64px,9svh,100px);margin-bottom:clamp(16px,2.5svh,24px)}
 .page-scene--pricing .feature h2{font-size:clamp(30px,min(2.46vw,4.3svh),41px)}
 .page-scene--pricing .feature p{margin-top:clamp(18px,3svh,30px)}
 /* Reserve actual space below the short rows instead of overlapping the hero. */
 .page-scene--home .features{
  padding-bottom:calc(clamp(24px,4.2svh,46px) + clamp(40px,8svh,80px));
  margin-top:0;margin-bottom:0;
 }
 .page-scene--contact .contact-details{margin-top:24px;margin-bottom:clamp(80px,14svh,140px)}
}