/*
Theme Name: WPC Pardubice
Description: Vlastní šablona podle dodaného webu WPC Pardubice. Obsah, fotografie a kontaktní formulář pro vlastní hosting.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: wpc-pardubice
*/
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-7.ttf) format('truetype');
}

500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#17201d;--cream:#f3f0e8;--sage:#98a88b;--orange:#dd663f;--line:rgba(23,32,29,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--cream)}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;left:50%;transform:translateX(-50%);color:white;border-bottom:1px solid rgba(255,255,255,.3)}.brand{display:flex;align-items:center;gap:11px;font-size:18px;line-height:1}.brandMark{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:Georgia;font-style:italic;font-size:23px}.brand small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:8px;margin-top:6px;opacity:.7}.nav nav{display:flex;gap:34px;font-size:13px}.nav nav a{opacity:.82}.nav nav a:hover{opacity:1}.navCta{font-size:13px;display:flex;gap:11px;align-items:center}.hero{height:850px;min-height:720px;position:relative;color:white;overflow:hidden}.heroImage{position:absolute;inset:0;background:url('assets/hero.png') center/cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,19,16,.86) 0%,rgba(12,19,16,.48) 43%,rgba(12,19,16,.05) 70%),linear-gradient(0deg,rgba(12,19,16,.45),transparent 45%)}.heroContent{position:relative;padding-top:190px}.eyebrow,.sectionNo{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px;opacity:.8}.eyebrow span{width:32px;height:1px;background:var(--orange)}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-.055em;margin:22px 0;line-height:.98}h1{font-size:clamp(64px,7.5vw,108px);font-weight:500}h1 em,h2 i{font-family:Georgia,serif;font-weight:400;color:#d6b78a}.heroContent>p{font-size:18px;line-height:1.65;max-width:570px;color:rgba(255,255,255,.82)}.heroActions{display:flex;gap:13px;margin-top:35px}.button{min-height:54px;padding:0 24px;display:inline-flex;justify-content:center;align-items:center;gap:28px;border:0;font:600 13px 'DM Sans',Arial,sans-serif;cursor:pointer}.primary{background:var(--orange);color:white}.primary:hover{background:#c95431}.ghost{border:1px solid rgba(255,255,255,.5);color:white}.heroProof{position:absolute;top:665px;display:flex;gap:0;border-top:1px solid rgba(255,255,255,.3);padding-top:27px}.heroProof div{display:flex;align-items:center;gap:13px;padding-right:52px;margin-right:52px;border-right:1px solid rgba(255,255,255,.24)}.heroProof div:last-child{border:0}.heroProof strong{font:500 38px 'Manrope'}.heroProof sup{color:var(--orange);font-size:18px}.heroProof span{font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;padding:120px 0 60px}.sectionNo{color:#6c736f;margin-bottom:32px}.sectionNo.light{color:rgba(255,255,255,.55)}h2{font-size:clamp(45px,5vw,70px);font-weight:500}h2 i{color:#b16b4c}.intro p{font-size:17px;line-height:1.7;color:#636a66;max-width:470px;padding-bottom:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:120px}.service{background:#fff;min-height:550px;display:flex;flex-direction:column}.cardPhoto,.fencePattern,.facadePattern{height:285px;background:url('assets/hero.png') 66% 58%/170%}.fencePattern{background:repeating-linear-gradient(0deg,#5a4031 0 18px,#151d1a 18px 22px);position:relative}.fencePattern:after{content:'';position:absolute;inset:20px 36px;border-left:8px solid #222c28;border-right:8px solid #222c28}.facadePattern{background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.18) 45%),repeating-linear-gradient(90deg,#8d6c4f 0 25px,#70523d 25px 28px)}.cardBody{padding:28px 30px 32px}.cardBody>span{font-size:10px;color:var(--orange)}.cardBody h3{font:600 25px 'Manrope',Arial,sans-serif;margin:13px 0}.cardBody p{font-size:14px;line-height:1.65;color:#717773;min-height:70px}.cardBody a{font-size:12px;font-weight:600;display:flex;justify-content:space-between;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.benefits{background:#1d2824;color:white;padding:120px 0}.benefitGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.material{height:560px;background:#111815;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.chip{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:.16em;border:1px solid rgba(255,255,255,.25);padding:10px}.material small{position:absolute;bottom:25px;right:25px;letter-spacing:.15em;font-size:9px}.sample{display:flex;transform:rotate(-20deg);gap:5px}.sample i{width:55px;height:500px;background:linear-gradient(90deg,#74503a,#b07e57 45%,#76513a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.benefitText>p{max-width:540px;color:rgba(255,255,255,.65);line-height:1.7}.benefitText ul{list-style:none;padding:20px 0 0;margin:0}.benefitText li{border-top:1px solid rgba(255,255,255,.14);padding:21px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.benefitText li b{font-size:14px}.benefitText li span{font-size:13px;color:rgba(255,255,255,.52)}.process{padding:120px 0}.process>h2{text-align:center}.process>.sectionNo{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line)}.steps div{padding:28px 45px 0 0}.steps b{color:var(--orange);font-size:11px}.steps h3{font:600 20px 'Manrope',Arial,sans-serif;margin-top:35px}.steps p{font-size:14px;line-height:1.65;color:#747a76;max-width:290px}.contact{background:#26322e;color:white;padding:120px 0}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contactGrid h2{font-size:54px}.contactGrid>div>p{color:rgba(255,255,255,.65);line-height:1.7;max-width:470px}.contactInfo{display:flex;flex-direction:column;gap:9px;margin-top:35px}.contactInfo a{font-size:20px}.contactInfo span{font-size:13px;opacity:.55;margin-top:8px}.contact form{background:#f3f0e8;color:var(--ink);padding:38px}.contact label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;display:block;margin-bottom:20px}.contact input,.contact select,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #bbb;background:transparent;border-radius:0;padding:12px 0;font:14px 'DM Sans',Arial,sans-serif;outline:none}.contact textarea{resize:vertical}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact form button{width:100%;margin-top:6px}.contact form>small{display:block;color:#8c918e;font-size:9px;margin-top:12px;text-align:center}footer{height:110px;display:flex;align-items:center;justify-content:space-between}footer p,footer a{font-size:11px;color:#737975}footer .brand{font-size:15px}footer .brandMark{width:31px;height:31px;font-size:18px}
@media(max-width:850px){.shell{width:min(100% - 32px,1180px)}.nav{height:72px}.nav nav{display:none}.navCta{font-size:0}.navCta span{font-size:18px}.hero{height:780px}.heroContent{padding-top:150px}.heroShade{background:linear-gradient(90deg,rgba(12,19,16,.82),rgba(12,19,16,.2)),linear-gradient(0deg,rgba(12,19,16,.45),transparent)}.heroProof{top:625px;width:100%;justify-content:space-between}.heroProof div{padding:0 12px 0 0;margin:0;border:0}.heroProof span{font-size:9px}.heroProof strong{font-size:30px}.intro{grid-template-columns:1fr;padding-top:85px}.intro p{padding-top:15px}.cards{grid-template-columns:1fr;padding-bottom:85px}.service{min-height:auto}.benefits{padding:85px 0}.benefitGrid{grid-template-columns:1fr;gap:60px}.material{height:400px}.sample i{height:390px;width:42px}.process{padding:85px 0}.steps{grid-template-columns:1fr}.steps div{border-bottom:1px solid var(--line);padding-bottom:20px}.contact{padding:85px 0}.contactGrid{grid-template-columns:1fr;gap:50px}.contactGrid h2{font-size:44px}footer{height:auto;padding:35px 0;gap:25px;align-items:flex-start;flex-wrap:wrap}.contact form{padding:28px 22px}}@media(max-width:520px){h1{font-size:56px}.heroContent>p{font-size:16px}.heroActions{flex-direction:column;align-items:stretch}.heroProof span{display:none}.formRow{grid-template-columns:1fr}.benefitText li{grid-template-columns:1fr}.contactGrid h2{font-size:39px}.cards{width:100%}.service{border-bottom:1px solid var(--line)}}

:root{--ink:#0b0b0b;--cream:#fff;--orange:#d71920;--line:rgba(10,10,10,.16)}
body{background:#fff}.nav{width:min(1320px,calc(100% - 48px))}.nav nav{gap:20px;font-size:11px}.heroShade{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.38) 55%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.45),transparent)}
.primary{background:var(--orange)}.primary:hover{background:#b90f15}h1 em,h2 i{color:#e52931}.cards{scroll-margin-top:20px}.service{border:1px solid #e5e5e5}.benefits,.contact{background:#0b0b0b}.sample i{filter:grayscale(.35)}
.sourceLink{display:inline-flex;gap:15px;color:#fff;border-bottom:2px solid var(--orange);padding:13px 0;margin-top:15px;font-size:12px;font-weight:600}
.gallery{padding:120px 0}.galleryHead{display:grid;grid-template-columns:1.2fr .8fr;align-items:end}.galleryHead p{color:#696969;line-height:1.7;max-width:470px}.galleryGrid{display:grid;grid-template-columns:1.45fr .75fr .75fr;grid-template-rows:250px 250px;gap:12px;margin-top:55px}.gallery figure{margin:0;position:relative;overflow:hidden;background-image:url('assets/hero.png');background-size:cover}.gallery figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 50%)}.gallery figcaption{position:absolute;z-index:1;bottom:20px;left:22px;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.g1{grid-row:1/3;background-position:65% 60%}.g2{grid-column:2/4;background-position:center 74%}.g3{background-position:90% center;filter:grayscale(.15)}.g4{background-position:40% center}.installer{border-left:3px solid var(--orange);padding-left:20px;margin-top:35px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.installer small,.detailCols small{letter-spacing:.15em;font-size:9px;color:#999}.installer b{font:600 22px 'Manrope'}.installer a{font-size:12px;color:#fff;border-bottom:1px solid var(--orange);padding-bottom:4px}.details{padding:110px 0;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}.detailCols{display:grid;grid-template-columns:1fr 1fr;gap:50px}.detailCols>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px;border-left:1px solid #ddd;padding-left:25px}.detailCols b{font:600 20px 'Manrope',Arial,sans-serif;margin:8px 0}.detailCols a,.detailCols span{font-size:13px}.detailCols .redLink{color:var(--orange);font-weight:700;margin-top:8px}.contact form{background:#fff}footer{border-top:1px solid #ddd}
@media(max-width:1000px){.nav nav{display:none}}
@media(max-width:850px){.gallery{padding:85px 0}.galleryHead,.details{grid-template-columns:1fr}.galleryGrid{grid-template-columns:1fr 1fr;grid-template-rows:260px 200px 200px}.g1{grid-column:1/3;grid-row:auto}.g2{grid-column:1/3}.detailCols{margin-top:40px}.heroShade{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.45),transparent)}}
@media(max-width:520px){.galleryGrid{display:block}.gallery figure{height:230px;margin-bottom:10px}.detailCols{grid-template-columns:1fr}.details{padding:80px 0}}

.heroImage{background-image:url('assets/gallery/terasa-zastreseny-bazen.jpg');background-position:center 55%}.heroShade{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.4) 55%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
.cardPhoto{background-image:url('assets/gallery/terasa-hruskova-pardubice-1.jpg');background-size:cover;background-position:center}.fencePattern{background:url('assets/gallery/plot-zahrada.jpg') center/cover}.fencePattern:after{display:none}.facadePattern{background:url('assets/gallery/fasada-realizace.jpg') center/cover}
.products{padding-bottom:120px}.products article{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:#f5f5f5;margin-bottom:22px;scroll-margin-top:20px}.productImage{min-height:600px;background-size:cover;background-position:center}.plotImg{background-image:url('assets/gallery/kombinovany-plot.jpg')}.terraceImg{background-image:url('assets/gallery/terasa-hruskova-pardubice-2.jpg')}.productCopy{padding:65px 60px;display:flex;flex-direction:column;justify-content:center}.productCopy h2{font-size:52px;margin:18px 0}.productCopy>p{color:#686868;line-height:1.7;font-size:14px}.productNo{font-size:10px;letter-spacing:.17em;color:var(--orange);font-weight:700}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:25px 0}.dimensions div{padding:18px 10px 18px 0}.dimensions b,.dimensions span{display:block}.dimensions b{font-size:14px}.dimensions span{font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.08em;margin-top:5px}.productCopy h4{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:4px 0 14px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;margin-bottom:30px}.colors div{display:flex;align-items:center;gap:8px}.colors i{display:block;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.colors span{font-size:9px}.colors .original{background:#ad8258}.colors .teak{background:#8b5939}.colors .red{background:#8a3f32}.colors .chocolate{background:#4b3128}.colors .stone{background:#7d7a73}.colors .dark{background:#3c3d3d}.productCopy .button{align-self:flex-start}
.material{background:#f0ede6 url('assets/gallery/plotovka-dark-grey.jpg') center/contain no-repeat}.material .sample{display:none}.material .chip,.material>small{z-index:1;color:#111;background:rgba(255,255,255,.82);padding:10px}
.galleryGrid{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:none!important}.gallery figure{background:#111!important;background-image:none!important;height:280px}.gallery figure.g1,.gallery figure.g2{grid-column:span 2;grid-row:auto;height:390px}.gallery figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.gallery figure:hover img{transform:scale(1.025)}.gallery .profile img{object-fit:contain;background:#eee}.detailCols.single{grid-template-columns:1fr;max-width:480px}
@media(max-width:850px){.products article{grid-template-columns:1fr}.products article:nth-child(2) .productCopy{order:2}.productCopy{padding:45px 28px}.productImage{min-height:430px}.galleryGrid{grid-template-columns:1fr 1fr!important}.gallery figure.g1,.gallery figure.g2{grid-column:span 2}}
@media(max-width:520px){.dimensions,.colors{grid-template-columns:1fr 1fr}.galleryGrid{display:block!important}.gallery figure,.gallery figure.g1,.gallery figure.g2{height:250px;margin-bottom:10px}}

.gallery figure:has(> img[src="/gallery/vzornik-barev.jpg"]) {
  grid-column: 1 / -1;
  height: auto;
  aspect-ratio: 1123 / 265;
  background: #08f000 !important;
}

.gallery figure:has(> img[src="/gallery/vzornik-barev.jpg"]) img {
  object-fit: contain;
}

.gallery figure:has(> img[src="/gallery/vzornik-barev.jpg"])::after,
.gallery figure:has(> img[src="/gallery/vzornik-barev.jpg"]) figcaption {
  display: none;
}

.gallery figure.profile {
  display: none;
}

@media (max-width: 520px) {
  .gallery figure:has(> img[src="/gallery/vzornik-barev.jpg"]) {
    min-height: 0;
    aspect-ratio: 1123 / 265;
  }
}

.footerLinks{display:flex;align-items:center;gap:24px}.contact form>small a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.privacyPage{min-height:100vh;background:#f4f2ed;color:#151515}.privacyHeader{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d5cf}.privacyHeader .brand{color:#151515}.privacyBack{font-size:13px;font-weight:700;color:var(--orange)}.privacyContent{max-width:900px;padding-top:90px;padding-bottom:100px}.privacyContent h1{font:500 clamp(42px,7vw,78px)/.98 'Manrope',sans-serif;letter-spacing:-.055em;margin:24px 0 30px}.privacyContent h1 i{font-family:'Cormorant Garamond',serif;font-weight:500;color:var(--orange)}.privacyLead{font-size:20px;line-height:1.65;color:#555;max-width:760px;margin-bottom:65px}.privacyContent section{padding:30px 0;border-top:1px solid #d8d5cf}.privacyContent section h2{font:600 23px/1.3 'Manrope',sans-serif;margin:0 0 16px}.privacyContent section p,.privacyContent section li{font-size:15px;line-height:1.75;color:#4f4f4f}.privacyContent section ul{padding-left:20px}.privacyContent section li+li{margin-top:8px}.privacyContent section a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}.privacyFooter{padding:30px 0;display:flex;justify-content:space-between;border-top:1px solid #d8d5cf;font-size:12px}.privacyFooter a{color:var(--orange);font-weight:700}
@media(max-width:700px){.footerLinks{align-items:flex-end;flex-direction:column;gap:10px}.privacyHeader{padding-top:20px;padding-bottom:20px;align-items:flex-start;gap:24px;flex-direction:column}.privacyContent{padding-top:60px;padding-bottom:70px}.privacyLead{font-size:17px;margin-bottom:45px}.privacyContent section{padding:24px 0}.privacyFooter{gap:18px;flex-direction:column}}

/* WordPress integration */
body.admin-bar .nav{top:32px} .wpc-message{padding:14px;border:1px solid currentColor;margin:0 0 20px} .contact :is(input,textarea,select):focus-visible{outline:2px solid var(--orange);outline-offset:3px} .wpc-basic{padding:70px 0;min-height:60vh} .wpc-basic h1{font-size:54px} .wpc-form-slot{display:contents} .wpc-menu-toggle{display:none} @media(max-width:850px){.wpc-menu-toggle{display:block;background:transparent;border:1px solid currentColor;color:inherit;padding:8px 12px;cursor:pointer}.nav nav.wpc-open{display:flex;position:absolute;top:72px;left:0;right:0;background:#1d2824;padding:20px;flex-direction:column;gap:18px}.navCta{font-size:13px}} @media(max-width:782px){body.admin-bar .nav{top:46px}}