/*
Theme Name: Myčka Písek – AUTO PELI
Description: Původní lehká šablona pro automyčku AUTO PELI. Bez závislosti na editorech stránek, externích skriptech a webových fontech.
Version: 1.0.0
Requires at least: 5.3
Requires PHP: 7.3
Author: AUTO PELI
Text Domain: mycka-pisek
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--red:#ce252c;--red-dark:#a61d23;--ink:#20262b;--muted:#636b70;--paper:#f4f5f3;--line:#dce0de;--white:#fff;--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:var(--red)}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
h1,h2,h3,h4{line-height:1.13;letter-spacing:-.035em;margin-top:0}
h1{font-size:clamp(40px,5vw,70px);font-weight:800}
h2{font-size:clamp(30px,3.2vw,44px);font-weight:750}
h3{font-size:27px}
p{margin:0 0 1.1em}
a:focus-visible,summary:focus-visible{outline:3px solid #ffb539;outline-offset:5px}
.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.skip-link{position:absolute;top:-80px;left:20px;z-index:100;padding:12px 20px;background:white;color:var(--ink);font-weight:bold}
.skip-link:focus{top:16px}
.topbar{background:var(--ink);color:#edf0ee;font-size:12px;letter-spacing:.03em}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:36px}
.topbar a{color:#fff;text-decoration:none;font-weight:700}
.topbar-separator{display:inline-block;margin:0 12px;color:#899096}
.site-header{border-bottom:1px solid var(--line);background:var(--white)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:106px;gap:28px}
.brand{text-decoration:none;display:inline-flex;flex-direction:column;flex-shrink:0;line-height:1.1;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-name{display:block;font-size:29px;letter-spacing:-.065em;font-weight:900;position:relative;font-style:italic}
.brand-name b{color:var(--red)}
.brand-line{display:block;width:36px;height:4px;background:var(--red);transform:skew(-28deg);position:absolute;left:1px;bottom:-8px}
.brand-description{display:block;font-size:9px;letter-spacing:.19em;font-weight:700;margin-top:16px}
.desktop-nav{display:flex;align-items:center;gap:28px}
.desktop-nav a{font-size:13px;letter-spacing:.015em;font-weight:700;text-decoration:none;position:relative;padding:15px 0}
.desktop-nav a[aria-current=page]:after{content:"";position:absolute;left:0;bottom:6px;height:2px;width:24px;background:var(--red)}
.mobile-navigation{display:none}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--red);margin:0 0 22px;text-transform:uppercase}
.eyebrow:before{content:"";display:inline-block;height:2px;width:24px;background:currentColor;vertical-align:middle;margin-right:11px}
.eyebrow.light{color:#ffb1b4}
.hero{background:var(--paper);overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;min-height:530px;padding-top:57px;padding-bottom:62px}
.hero-copy{position:relative;z-index:1}
.hero h1{font-size:clamp(49px,5.6vw,78px);line-height:1.035;letter-spacing:-.06em;margin:0 0 24px}
.hero h1 span{color:var(--red)}
.hero-intro{font-size:17px;max-width:405px;line-height:1.75;color:#555f63;margin-bottom:30px}
.hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--red);border:1px solid var(--red);padding:15px 22px;color:white;text-decoration:none;font-weight:700;font-size:14px;line-height:1.4;transition:background .2s}
.button:hover{background:var(--red-dark);color:white;border-color:var(--red-dark)}
.button span{font-size:21px;font-weight:400;line-height:1}
.text-link{display:inline-flex;gap:22px;align-items:center;text-decoration:none;font-size:13px;font-weight:700;padding:8px 0;border-bottom:1px solid currentColor}
.text-link span{font-size:18px;line-height:1}
.hero-photo{position:relative;width:100%;min-width:0;align-self:stretch;display:flex;align-items:center}
.hero-photo>img{width:115%;max-width:none;height:350px;object-fit:cover;object-position:center;border-radius:2px;mix-blend-mode:multiply}
.hero-photo figcaption{position:absolute;bottom:2px;right:-4px;display:flex;align-items:center;gap:10px;background:white;padding:12px 18px;font-size:11px;font-weight:700;box-shadow:0 6px 26px #18282b0a}
.status-dot{width:7px;height:7px;background:#428155;display:inline-block;border-radius:50%}
.facts-strip{border-bottom:1px solid var(--line)}
.facts-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr}
.facts-grid p{margin:23px 0;display:flex;gap:20px;align-items:center;border-right:1px solid var(--line);padding-right:30px}
.facts-grid p+p{padding-left:42px}
.facts-grid p:last-child{border:0;padding-right:0}
.facts-grid strong{font-size:30px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}
.facts-grid span{font-size:12px;color:var(--muted);line-height:1.5;max-width:130px}
.section{padding:86px 0}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}
.section-heading .eyebrow{margin-bottom:17px}
.section-heading h2{margin:0}
.section-heading>p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 3px}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.service-card{border:1px solid var(--line);background:white}
.service-image{position:relative;display:block;overflow:hidden;color:white}
.service-image img{height:260px;object-fit:cover;width:100%;transition:transform .35s}
.service-image:hover img{transform:scale(1.025)}
.service-label{position:absolute;bottom:16px;left:20px;background:var(--ink);color:white;padding:6px 10px;font-size:9px;letter-spacing:.06em;font-weight:800}
.service-body{padding:29px 30px 28px;position:relative}
.service-body h3{margin:0 0 15px;padding-right:35px;font-size:28px}
.service-body p{font-size:15px;color:var(--muted);line-height:1.7;max-width:410px;margin-bottom:18px}
.service-number{position:absolute;right:28px;top:28px;font-size:12px;font-weight:700;color:#929b9d}
.fuel-band{background:var(--red);color:#fff}
.fuel-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:45px;padding-bottom:45px}
.fuel-inner .eyebrow{color:#ffd1d2;margin-bottom:16px}
.fuel-inner h2{font-size:34px;margin:0 0 12px}
.fuel-inner p:last-child{font-size:14px;color:#ffe7e7;margin-bottom:0}
.button-white{background:white;border-color:white;color:var(--ink);flex-shrink:0}
.button-white:hover{background:#f3f1ee;border-color:#f3f1ee;color:var(--red)}
.content-layout{display:grid;grid-template-columns:1fr 2.1fr;gap:60px}
.content-layout>div:first-child h2{position:sticky;top:35px}
.entry-content{font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.entry-content>*:first-child{margin-top:0}
.entry-content h2{font-size:32px;margin:48px 0 22px}
.entry-content h3{font-size:25px;margin:34px 0 18px}
.entry-content h4{font-size:20px;margin:28px 0 14px}
.entry-content a{color:var(--red)}
.entry-content figure{margin:32px 0}
.entry-content figure img{width:100%;height:auto}
.entry-content img{max-width:100%;height:auto}
.entry-content ul{padding-left:23px;margin:24px 0}
.entry-content li{padding-left:6px;margin:8px 0}
.entry-content blockquote{margin:30px 0;padding:20px 26px;border-left:3px solid var(--red);background:var(--paper)}
.entry-content blockquote p{margin-bottom:10px}
.entry-content blockquote cite{font-size:14px;color:var(--muted)}
.entry-content .gallery,.entry-content .photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:35px 0}
.entry-content .gallery figure,.entry-content .photo-grid figure{margin:0;min-width:0}
.entry-content .gallery img,.entry-content .photo-grid img{height:260px;object-fit:cover;width:100%}
.entry-content .amenities{display:grid;grid-template-columns:1fr 1fr;gap:23px 30px;margin:35px 0 0;padding-top:25px;border-top:1px solid var(--line)}
.entry-content .amenities figure{margin:0 0 17px}.entry-content .amenities figure img{height:155px;object-fit:cover}.entry-content .amenities h3{font-size:20px;line-height:1.25;margin:0 0 10px}
.entry-content .amenities p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.entry-content .notice{padding:22px 26px;background:var(--paper);border-left:3px solid var(--red)}
.entry-content .notice p:last-child{margin-bottom:0}
.entry-content .button{color:white}
.page-heading{background:var(--paper);padding:35px 0 52px;border-bottom:1px solid var(--line)}
.breadcrumb{display:inline-block;font-size:12px;text-decoration:none;color:var(--muted);margin-bottom:35px}
.page-heading .eyebrow{margin-bottom:18px}
.page-heading h1{font-size:clamp(37px,4.6vw,62px);max-width:940px;margin:0}
.page-article{max-width:960px;padding-top:55px;padding-bottom:80px}
.page-article .entry-content>p{max-width:820px}
.generic-content{min-height:55vh;padding-top:85px;padding-bottom:85px}
.generic-content h1{max-width:860px}
.generic-content p{max-width:700px}
.site-footer{background:var(--ink);color:white;padding-top:65px;scroll-margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:52px;padding-bottom:53px}
.footer-grid .eyebrow{font-size:10px;margin-bottom:20px}
.footer-grid h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin-bottom:22px}
.footer-grid h3{font-size:13px;letter-spacing:.025em;margin:0 0 24px}
.footer-grid p{font-size:12px;line-height:1.8;color:#b9c1c4;margin:0}
.footer-grid a{color:white;text-decoration:none}
.footer-grid a:hover{color:#ffafb2}
.footer-contact{padding-top:3px;display:flex;align-items:flex-start;flex-direction:column}
.footer-contact .contact-phone{font-size:26px;line-height:1;font-weight:700;letter-spacing:-.04em;margin-bottom:14px}
.footer-contact>a:not(.contact-phone){font-size:14px;margin-bottom:20px}
.footer-social{display:flex;flex-direction:column;gap:5px;margin-top:18px;font-size:11px}.opening-hours{padding-top:3px}
.opening-hours dl{font-size:12px;margin:0 0 24px}
.opening-hours dl>div{display:flex;justify-content:space-between;gap:15px;margin:0 0 12px}
.opening-hours dt{color:#b9c1c4}
.opening-hours dd{margin:0;white-space:nowrap;font-weight:700}
.footer-price-link{font-size:12px;border-bottom:1px solid #657078;padding-bottom:5px}
.footer-price-link span{margin-left:15px}
.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:22px;font-size:10px;letter-spacing:.03em;color:#acb6ba}
.footer-bottom a{text-decoration:none}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.aligncenter{margin-left:auto;margin-right:auto}
.wp-caption-text{font-size:13px;color:var(--muted)}
@media(min-width:1550px){.hero-photo>img{width:120%;height:370px}}
@media(max-width:1080px){.container{width:calc(100% - 56px)}.desktop-nav{gap:19px}.desktop-nav a{font-size:12px}.hero-inner{gap:22px;grid-template-columns:1fr 1fr;min-height:490px}.hero h1{font-size:61px}.hero-intro{font-size:15px}.hero-photo>img{height:320px}.hero-actions{gap:20px}.facts-grid p+p{padding-left:25px}.facts-grid p{gap:15px;padding-right:22px}.facts-grid strong{font-size:27px}.footer-grid{gap:30px;grid-template-columns:1.1fr 1fr 1fr}.footer-grid h2{font-size:25px}.content-layout{grid-template-columns:1fr 2fr;gap:38px}}
@media(max-width:820px){.container{width:calc(100% - 40px)}.header-inner{min-height:91px}.desktop-nav{display:none}.mobile-navigation{display:block;position:relative;font-size:14px}.mobile-navigation summary{cursor:pointer;list-style:none;padding:10px;font-weight:700}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary span{margin-left:12px;font-size:18px}.mobile-navigation nav{position:absolute;right:0;top:52px;width:260px;padding:14px 22px;z-index:5;background:white;border:1px solid var(--line);box-shadow:0 12px 25px #20262b15}.mobile-navigation nav a{display:block;padding:12px 0;text-decoration:none;border-bottom:1px solid #eee;font-size:14px}.mobile-navigation nav a:last-child{border:0}.mobile-navigation nav a[aria-current=page]{color:var(--red)}.hero-inner{grid-template-columns:1fr;gap:20px;padding-top:42px;padding-bottom:35px}.hero h1{font-size:62px}.hero-copy{max-width:560px}.hero-intro{max-width:480px;font-size:16px}.hero-photo{min-height:270px;display:block}.hero-photo>img{width:100%;height:260px;object-fit:contain}.hero-photo figcaption{bottom:0;right:0}.facts-grid{grid-template-columns:1fr 1fr 1fr}.facts-grid p{flex-direction:column;align-items:flex-start;gap:3px;margin:21px 0;padding-right:15px}.facts-grid p+p{padding-left:20px}.facts-grid strong{font-size:26px}.facts-grid span{font-size:11px}.section{padding:60px 0}.section-heading h2{font-size:33px}.service-grid{gap:20px}.service-image img{height:220px}.service-body{padding:24px 22px}.service-body h3{font-size:23px;line-height:1.2}.service-body p{font-size:14px}.service-number{right:20px;top:25px}.service-label{left:13px;font-size:8px}.fuel-inner h2{font-size:29px}.fuel-inner .eyebrow{font-size:9px}.content-layout{grid-template-columns:1fr;gap:12px}.content-layout>div:first-child h2 br{display:none}.entry-content{font-size:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:42px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h2 br{display:none}.footer-grid h2{font-size:31px}.footer-grid>div:first-child p br{display:none}.footer-grid>div:first-child p br:after{content:" · "}.page-article{padding-top:35px;padding-bottom:55px}.page-heading{padding-bottom:40px}.page-heading h1{font-size:43px}}
@media(max-width:540px){.topbar{font-size:9px;letter-spacing:0}.topbar-inner{gap:10px;min-height:32px}.topbar-separator{margin:0 5px}.topbar-inner>a{font-size:10px;white-space:nowrap}.brand-name{font-size:26px}.brand-description{font-size:8px}.header-inner{min-height:84px}.hero-inner{padding-top:37px;gap:12px}.hero h1{font-size:58px}.eyebrow{font-size:9px;letter-spacing:.12em}.hero-intro{font-size:15px;line-height:1.7;margin-bottom:25px}.hero-actions{gap:18px}.hero-actions .button{padding:14px 17px;font-size:12px;gap:17px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-photo{min-height:209px;margin-top:7px}.hero-photo>img{height:210px;width:110%;margin-left:-5%}.hero-photo figcaption{font-size:9px;padding:9px 12px;bottom:0}.facts-grid strong{font-size:25px}.facts-grid p+p{padding-left:15px}.facts-grid span{font-size:10px}.section{padding:47px 0}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:33px}.section-heading>p{display:none}.service-grid{grid-template-columns:1fr;gap:23px}.service-image img{height:230px}.service-body{padding:26px}.service-body h3{font-size:27px}.service-number{top:28px;right:24px}.service-label{font-size:9px;left:17px}.service-body p{font-size:15px}.service-body .text-link{font-size:12px}.fuel-inner{display:block;padding-top:33px;padding-bottom:34px}.fuel-inner h2{font-size:30px}.fuel-inner .button{margin-top:24px;font-size:13px;padding:13px 19px}.fuel-inner p:last-child{font-size:13px}.content-layout h2{font-size:34px;margin-bottom:17px}.entry-content .amenities{grid-template-columns:1fr;gap:25px}.entry-content .gallery,.entry-content .photo-grid{gap:10px}.entry-content .gallery img,.entry-content .photo-grid img{height:190px}.entry-content h2{font-size:28px}.entry-content h3{font-size:23px}.entry-content blockquote{padding:18px}.page-heading h1{font-size:38px}.page-heading{padding-top:25px;padding-bottom:33px}.breadcrumb{margin-bottom:25px}.page-article{padding-top:28px}.footer-grid{grid-template-columns:1fr;gap:35px;padding-bottom:38px}.footer-grid>div:first-child{grid-column:auto}.site-footer{padding-top:42px}.footer-grid h2{font-size:28px}.footer-grid h3{margin-bottom:17px}.footer-contact .contact-phone{font-size:29px}.footer-grid p{font-size:13px}.footer-contact>a:not(.contact-phone){font-size:15px}.opening-hours{max-width:310px}.opening-hours dl{font-size:13px}.footer-bottom{font-size:9px;gap:12px}.generic-content{padding-top:55px;padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}