/*
Theme Name: Piąty Wymiar — Inwestycje
Author: Piąty Wymiar
Description: Motyw prezentujący inwestycje mieszkaniowe i dostępne lokale.
Version: 1.1.5
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: piaty-wymiar
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#0d2526;--pine:#102f2c;--gold:#b89a60;--cream:#f7f4ec;--paper:#fffdf8;--muted:#6d7874}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.12}h1{font-size:clamp(3rem,7vw,6.5rem)}h2{font-size:clamp(2.1rem,4.5vw,4rem)}h3{font-size:1.65rem}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:var(--gold);color:#102220;font-weight:700;border:1px solid var(--gold);border-radius:2px;transition:.2s}.btn:hover,.btn:focus-visible{background:#d0b77f;transform:translateY(-2px)}.btn.outline{background:transparent;color:var(--paper)}.btn.outline:hover{background:var(--paper);color:var(--ink)}.site-header{position:relative;z-index:5;background:var(--paper);border-bottom:1px solid #e8e3d7}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px}.brand{display:flex;align-items:center;gap:15px;font-family:'Playfair Display',serif;font-size:1.42rem;font-weight:600}.brand img{width:62px;height:62px;object-fit:contain}.menu{display:flex;gap:26px;align-items:center;font-size:.92rem;font-weight:600}.menu a:hover,.menu a:focus-visible{color:#8c6c34}.hero{position:relative;min-height:680px;display:flex;align-items:center;color:var(--paper);background:linear-gradient(135deg,#102e2c,#091d1e)}.hero-content{padding:90px 0;max-width:760px}.hero h1{margin:20px 0 22px}.hero p{font-size:1.2rem;max-width:580px;color:#e6e8e1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.section{padding:100px 0}.section-head{max-width:780px;margin-bottom:40px}.section-head p:not(.eyebrow){color:var(--muted);font-size:1.06rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{background:var(--paper);box-shadow:0 14px 40px rgba(12,43,39,.07);overflow:hidden}.card img{width:100%;height:340px;object-fit:cover}.card-body{padding:26px}.card h3{margin:8px 0 12px}.card p{color:var(--muted);font-size:.95rem}.card a.more{font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:4px}.dark{background:var(--pine);color:var(--paper)}.dark p{color:#d5dfd8}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.care-list{display:grid;gap:18px;counter-reset:step}.care-step{border-top:1px solid #45635c;padding:18px 0;display:flex;gap:18px}.care-step:before{counter-increment:step;content:'0' counter(step);color:#d0b77f;font-family:'Playfair Display',serif;font-size:1.4rem}.contact{background:#eae5d8}.contact-box{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{margin-bottom:14px}.contact-links{display:grid;gap:12px}.contact-links a{font-size:1.25rem;font-weight:700}.footer{background:#091e1d;color:#d3dcd4;padding:35px 0;font-size:.84rem}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.page-hero{background:var(--pine);color:white;padding:85px 0 70px}.page-hero h1{font-size:clamp(2.6rem,5vw,5rem);margin:10px 0}.content{padding:70px 0;max-width:880px}.content img{width:100%;height:auto;margin:25px 0 35px}.units{width:100%;border-collapse:collapse;background:var(--paper);margin:25px 0 45px}.units th,.units td{text-align:left;padding:14px;border-bottom:1px solid #e5e3db}.units th{background:#e9e7dd}.notice{font-size:.8rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.header-inner{min-height:72px}.brand img{width:48px;height:48px}.menu{gap:12px;font-size:.76rem}.menu a:nth-child(2){display:none}.hero{min-height:620px;background-position:56% center}.grid{grid-template-columns:1fr}.card img{height:320px}.care-grid{grid-template-columns:1fr;gap:25px}.contact-box{display:block}.contact-links{margin-top:28px}.footer .wrap{display:block}.section{padding:70px 0}}@media(max-width:440px){.wrap{width:min(100% - 32px,1200px)}.menu a:nth-child(1){display:none}.hero{min-height:610px}.hero p{font-size:1.05rem}}

.card-zarska img{object-position:center top}

/* Spokojna sekcja otwierająca: kolor i detal architektoniczny zamiast fotografii. */
.hero{min-height:570px;overflow:hidden;background:radial-gradient(circle at 86% 32%,rgba(193,168,111,.11),transparent 38%),linear-gradient(135deg,#102e2c 0%,#0c2424 62%,#091d1e 100%)}
.hero:before{content:"";position:absolute;right:-4%;top:12%;width:min(47vw,620px);height:82%;border:1px solid rgba(201,177,122,.19);border-radius:46% 46% 0 0;transform:rotate(-12deg);pointer-events:none}
.hero:after{content:"";position:absolute;right:8%;top:26%;width:min(28vw,370px);height:66%;border:1px solid rgba(201,177,122,.13);border-radius:46% 46% 0 0;transform:rotate(-12deg);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero-content{max-width:790px;padding:100px 0 110px}
.hero h1{font-size:clamp(3.2rem,6vw,5.7rem);letter-spacing:-.025em}
.hero p{max-width:610px}
@media(max-width:800px){.hero{min-height:520px}.hero:before{right:-32%;width:75vw}.hero:after{right:-15%;width:50vw}.hero-content{padding:80px 0}}
@media(max-width:440px){.hero{min-height:560px}.hero:before,.hero:after{opacity:.38}}

.hero .hero-license{font-size:.82rem;letter-spacing:.025em;color:#c8c7b7;margin-top:22px;margin-bottom:0}

/* Grafiki inwestycji są kwadratowe i zawierają napisy — pokazujemy je w całości. */
.card img,.card-zarska img{height:auto;aspect-ratio:1;object-fit:contain;object-position:center;background:#f5f1e8}
.contact-links .social-link{font-size:.9rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}

/* Kontakt w układzie o swobodniejszym rytmie. */
.contact-box{display:block}
.contact h2{font-size:clamp(2rem,3.2vw,3rem);white-space:nowrap}
.contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.contact-links a{font-size:1.04rem}
.contact-links .btn{font-size:.95rem}
.contact .facebook-note{margin-top:14px;color:#57675f;font-size:.95rem}
@media(max-width:700px){.contact h2{white-space:normal}.contact-links{display:grid;justify-items:start;gap:12px}.contact-links a{overflow-wrap:anywhere}}

/* Delikatna rama tylko wokół nowej wizualizacji Żarskiej. */
.card-zarska img{width:calc(100% - 32px);height:auto;aspect-ratio:16/9;object-fit:contain;margin:16px 16px 0;padding:5px;background:#10332c;border:1px solid #b89a60}
.card-zarska .image-note{display:block;text-align:right;margin:5px 17px 0;color:#728078;font-size:.7rem;letter-spacing:.03em}

/* Obie wizualizacje budynków w spójnych kartach. */
.card-render img{width:calc(100% - 32px);height:auto;aspect-ratio:16/9;object-fit:contain;margin:16px 16px 0;padding:5px;background:#10332c;border:1px solid #b89a60}
.card-render .image-note{display:block;text-align:right;margin:5px 17px 0;color:#728078;font-size:.7rem;letter-spacing:.03em}

.card-body .completion{margin:0 0 20px;padding:9px 12px;border-left:2px solid var(--gold);background:#f3f1e8;color:#586760;font-size:.79rem;line-height:1.4}
.card-body .completion strong{color:#1b3932;font-weight:700}

.card h3{font-size:clamp(1.25rem,2vw,1.65rem);white-space:nowrap;margin:4px 0 22px}
.card-city{color:#5e7067;font-family:'DM Sans',sans-serif;font-size:.72em;font-weight:600}
.card-separator{color:var(--gold)}
@media(max-width:560px){.card h3{white-space:normal}}

.card-link{display:block;height:100%;cursor:pointer}
.card-link:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.card-link .more{display:inline-block;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:4px}
.card-link:hover .more,.card-link:focus-visible .more{color:#82642f;border-bottom-width:2px}
.card-link:hover img{filter:brightness(1.035)}

.facebook-note a{color:#225548;border-bottom:1px solid var(--gold);text-decoration:none;text-underline-offset:4px}
.facebook-note a:hover,.facebook-note a:focus-visible{color:#0d332a;border-bottom-width:2px}

/* Nazwy pozostają w jednym wierszu na dużym ekranie, a przy powiększeniu mogą się zawinąć. */
.card-body .completion{margin:0 0 18px}
.card h3{margin:4px 0 16px}
@media(max-width:1050px){.card h3{white-space:normal}}
.contact-links a[href^="mailto:"]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}

.form-wrap{margin-top:58px;padding:34px 38px;background:var(--paper);border:1px solid #e4dccb;box-shadow:0 14px 36px rgba(12,43,39,.06)}
.form-intro{max-width:700px}.form-intro h3{font-size:2rem;margin:6px 0 10px}.form-intro p:last-child{color:var(--muted);margin-bottom:24px}
.contact-form{max-width:780px;display:grid;gap:18px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-form label{display:grid;gap:7px;font-size:.92rem;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid #c9c9c0;border-radius:2px;background:#fff;color:var(--ink);font:inherit;outline-offset:2px}
.contact-form textarea{resize:vertical;min-height:110px}.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--gold);border-color:var(--gold)}
.contact-form .optional{display:inline;font-size:.79rem;font-weight:400;color:var(--muted)}
.form-privacy{font-size:.78rem;color:#56635d;margin:0}.form-privacy a,.form-status a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.contact-form .btn{justify-self:start;cursor:pointer}.form-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{padding:12px 16px;background:#eaf2e9;border-left:3px solid #507d62}.form-status.error{background:#fff0ea;border-color:#b35f48}
@media(max-width:700px){.form-wrap{margin-top:40px;padding:25px 20px}.form-row{grid-template-columns:1fr}.form-intro h3{font-size:1.65rem}}

/* Wariant premium — mocniejsza typografia i spokojniejszy rytm. */
:root{--gold:#ad8b54;--cream:#f4f1ea;--paper:#fffefa;--pine:#102b29}
.site-header{background:#fffefa;border-bottom:1px solid #e7e0d2}
.header-inner{min-height:96px}
.premium-brand{gap:13px}
.premium-brand .brand-mark{width:2px;height:36px;background:#b89a60;display:block}
.premium-brand .brand-text{display:grid;gap:1px;line-height:1.1}
.premium-brand .brand-text strong{font-family:'Playfair Display',serif;font-size:1.39rem;font-weight:500;letter-spacing:.01em}
.premium-brand .brand-text small{font-family:'DM Sans',sans-serif;font-size:.55rem;letter-spacing:.12em;color:#7f847c;font-weight:700}
.menu{gap:32px;font-weight:500;letter-spacing:.01em}
.hero{min-height:540px}.hero-content{padding:105px 0 112px;max-width:770px}.hero h1{font-size:clamp(3.3rem,5.4vw,5.25rem);line-height:1.07;margin:17px 0 21px}
.hero p{font-size:1.09rem;line-height:1.7;max-width:640px}.hero .hero-license{font-size:.79rem;letter-spacing:.03em}
.section{padding:94px 0}.section-head{margin-bottom:48px}.section-head h2{letter-spacing:-.02em}
.grid{gap:28px}.card{border:1px solid #e9e1d2;box-shadow:0 11px 30px rgba(10,37,34,.045);transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,37,34,.09)}
.card-render img{width:calc(100% - 36px);margin:18px 18px 0;padding:4px;border:1px solid #b99b64;background:#17392f}
.card-body{padding:26px 28px 30px}.card h3{font-size:clamp(1.25rem,1.9vw,1.56rem)}
.card-body .completion{background:transparent;border-left:1px solid #b99b64;padding:2px 0 2px 12px;margin-bottom:24px;color:#68746e}
.card-link .more{color:#1e443a;font-size:.91rem}
.dark{background:#102b29}.care-grid{gap:7vw}.care-step{padding:20px 0}
.contact{background:#ebe5d8}.form-wrap{background:#fffefa;box-shadow:0 10px 34px rgba(10,37,34,.045);border-color:#e3dacb}
.footer{background:#0b211f}
@media(max-width:800px){.header-inner{min-height:78px}.premium-brand .brand-mark{height:30px}.premium-brand .brand-text strong{font-size:1.12rem}.premium-brand .brand-text small{font-size:.44rem}.hero{min-height:500px}.hero-content{padding:78px 0}.section{padding:72px 0}}
@media(max-width:440px){.premium-brand .brand-text small{display:none}.hero h1{font-size:3.2rem}}

/* Wariant: typografia w ciemnej zieleni. */
:root{--ink:#173c35;--muted:#4d685e}
body,.site-header,.brand,.menu,.card,.contact,.form-wrap{color:#173c35}
h1,h2,h3,.brand-text strong,.card h3,.contact-links a,.contact-form label{color:#173c35}
.hero,.hero h1,.dark,.dark h2,.dark h3{color:#fffdf8}
.hero p{color:#e4ebe4}.dark p{color:#d5dfd8}
.card-city{color:#426458}.card-body .completion strong{color:#173c35}
.contact-form input,.contact-form select,.contact-form textarea{color:#173c35}
.footer{color:#d3dcd4}.form-privacy{color:#48665b}

.section-head h2,.contact h2{color:#173c35!important}

/* Ciepły beż dla tekstów na ciemnej zieleni. */
.hero,.hero h1,.dark,.dark h2,.dark h3,.dark .care-step{color:#f2ecdf!important}
.hero p,.dark p,.hero .hero-license{color:#e8e1d3!important}
.btn.outline{color:#f2ecdf!important;border-color:#c8ad75}
.footer,.footer span{color:#e8e1d3!important}


/* Spójna ciemna zieleń na jasnych powierzchniach. */
.section-head,.section-head h2,.section-head p,.section-head .eyebrow,
.card,.card h3,.card .card-city,.card .completion,.card .completion strong,.card .image-note,.card .more,
.contact,.contact h2,.contact p,.contact a,.contact .eyebrow,.contact-links a,
.form-wrap,.form-wrap h3,.form-wrap p,.form-wrap label,.form-wrap .eyebrow,
.contact-form input,.contact-form select,.contact-form textarea,.form-privacy{color:#173c35!important}

/* Czysta sekcja otwierająca bez dekoracyjnych łuków. */
.hero:before,.hero:after{content:none!important;display:none!important}

.hero h1 span{display:block;white-space:nowrap}
@media(max-width:560px){.hero h1{font-size:clamp(2.1rem,8vw,3.2rem)}}

/* Osobny, ostatni wiersz opisu lokalizacji na dużych ekranach. */
.hero .hero-locations{width:min(1050px,calc(100vw - 48px));max-width:none;font-size:1rem;white-space:nowrap;margin-top:0;margin-bottom:0}
@media(max-width:900px){.hero .hero-locations{width:auto;white-space:normal}}

.facebook-note a{display:inline-flex;align-items:flex-start;gap:10px;border-bottom:0}
.facebook-note a span{border-bottom:1px solid var(--gold)}
.facebook-note a:hover,.facebook-note a:focus-visible{border-bottom:0}
.facebook-note a:hover span,.facebook-note a:focus-visible span{border-bottom-width:2px}
.fb-icon{width:22px;height:22px;flex:none;margin-top:2px}

/* Dyskretniejszy akcent społecznościowy w sekcji kontaktowej. */
.facebook-note a{gap:9px;line-height:1.45}
.facebook-note .fb-icon{width:19px;height:19px;margin-top:1px}

/* Podstrony inwestycji */
.project-hero{padding:64px 0;background:var(--pine);color:var(--paper)}.project-hero h1{font-size:clamp(2.7rem,6vw,4.5rem)}.project-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.project-image{width:100%;border-radius:3px}.project-note{font-size:.85rem;color:var(--muted);margin-top:12px}.project-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.sales-office{font-size:.9rem}.project-copy{max-width:820px}.project-copy h2{font-size:clamp(1.9rem,4vw,2.7rem)}.project-links{display:flex;flex-wrap:wrap;gap:18px}.project-links a,.project-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.standard-page{padding:64px 0}.standard-page h1{font-size:clamp(2.5rem,5vw,4rem)}@media(max-width:800px){.project-layout{grid-template-columns:1fr}.project-hero{padding:48px 0}}

/* Kompaktowe nagłówki strony głównej */
.hero h1{font-size:clamp(1.125rem,4.8vw,2.5rem);font-weight:400;line-height:1.2;letter-spacing:-.015em;white-space:nowrap;margin:16px 0 22px}
.hero h1 span{display:inline;white-space:normal}
.hero h1 span+span{margin-left:.2em}
#inwestycje .section-head h2{font-size:clamp(1.125rem,4.8vw,2.25rem);font-weight:400;line-height:1.2;letter-spacing:-.015em;white-space:nowrap;margin-bottom:18px}
.hero{min-height:0}
.hero-content{padding:68px 0 72px}
@media(max-width:560px){.hero h1,#inwestycje .section-head h2{font-size:clamp(1rem,4.8vw,1.65rem)}.hero-content{padding:48px 0 52px}}

/* Uporządkowana sekcja kontaktu */
.contact-organized{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:48px}
.contact-organized h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;white-space:normal;margin-bottom:20px}
.contact-intro>p:last-child{max-width:580px;margin-bottom:0}
.contact-details{border-left:1px solid var(--gold);padding-left:32px}
.contact-company{font-size:1.08rem;margin:0 0 22px}
.contact-methods{display:grid;gap:18px;margin:0 0 24px}
.contact-methods dt{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.contact-methods dd{margin:0}
.contact-methods dd a{display:inline-block;font-size:1.08rem;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.contact-methods dd a:hover,.contact-methods dd a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.contact-details .facebook-note{margin:0;font-size:.9rem}
@media(max-width:700px){.contact-organized{grid-template-columns:1fr;gap:28px}.contact-details{border-left:0;border-top:1px solid var(--gold);padding:24px 0 0}}