/*
Theme Name: EsMaTe Studio
Description: Kompletní web masážního studia s editovatelnými bloky a průvodcem importem obsahu.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Author: EsMaTe
Text Domain: esmate-studio
License: GPL-2.0-or-later
*/
:root{--wine:#8c1c25;--cream:#f6f4ee;--ink:#2d3933;--muted:#5e6e66;--border:#e3e1d9;--sage:#7b9d8c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{transition:color .2s}a:hover{color:var(--wine)}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--sage);outline-offset:4px}.wp-site-blocks{padding:0}h1,h2,h3,p,figure{margin-top:0}.container{width:100%;max-width:1152px;margin-inline:auto;padding-inline:32px}.section{padding-block:96px;position:relative}.site-main{min-height:60vh}.wp-block-post-content{margin:0}.section h2{font-size:clamp(30px,3.4vw,40px);margin-bottom:20px}.section h3{font-size:22px;margin-bottom:12px}.section p{color:var(--muted);margin-bottom:22px}.section-intro{text-align:center;max-width:680px;margin:0 auto 56px}.section .eyebrow,.eyebrow{color:var(--wine);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:500;margin-bottom:12px}.studio-header{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(246,244,238,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(227,225,217,.55)}.admin-bar .studio-header{top:32px}.header-row{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand p{margin:0}.brand-name{font-family:var(--wp--preset--font-family--display);font-size:42px;line-height:1}.brand-name a{text-decoration:none}.brand-tagline{font-size:9px;letter-spacing:.27em;text-transform:uppercase;margin:8px 0 0}.studio-navigation{font-size:14px;font-weight:500}.studio-navigation .wp-block-navigation__container{gap:25px}.studio-navigation .wp-block-navigation-item:last-child a{background:var(--wine);color:var(--cream);padding:10px 22px;border-radius:100px}.wp-block-navigation__responsive-container.is-menu-open{padding:28px;background:var(--cream)!important}.hero{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding-block:150px 110px}.hero-photo{position:absolute;inset:0;z-index:-2;margin:0;width:100%;height:100%}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,244,238,.95),rgba(246,244,238,.8) 48%,rgba(246,244,238,.4))}.hero-copy{max-width:590px}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.12;margin:24px 0}.accent-text{color:var(--wine)}.hero-description{font-size:19px;line-height:1.7;color:var(--muted);max-width:520px;margin-bottom:38px}.hero-badge{display:inline-block;padding:6px 16px;background:rgba(140,28,37,.09);color:var(--wine);border-radius:30px;letter-spacing:.15em;text-transform:uppercase;font-size:12px}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px}.wp-block-button__link{background:var(--wine);color:var(--cream);border-radius:100px;padding:14px 27px;font-weight:500;font-size:15px;text-decoration:none;border:1px solid var(--wine);line-height:1.5}.wp-block-button__link:hover{background:#70161e;color:white}.wp-block-button.is-style-outline .wp-block-button__link{background:rgba(255,255,255,.8);color:var(--ink);border:1px solid var(--border);padding:14px 27px}.hero-down{position:absolute;bottom:25px;left:50%;font-size:28px;margin:0}.hero-down a{text-decoration:none}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{padding:32px;border:1px solid var(--border);border-radius:24px;background:white;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2d39330d}.service-card p{font-size:15px;line-height:1.7;margin-bottom:0}.service-card .service-icon,.benefit-card .service-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:29px;background:#8c1c2516;color:var(--wine);border-radius:16px;margin-bottom:24px}.service-card .sage,.benefit-card .sage{background:#7b9d8c30;color:#294d39}.consultation{background:var(--wine);color:var(--cream);display:flex;flex-direction:column;justify-content:center}.consultation p{color:#f6f4eecc;margin-bottom:24px}.exercise-section{background:#ecebe480}.exercise-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.exercise-copy{position:sticky;top:118px}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.benefit-card{padding:24px;border:1px solid var(--border);border-radius:16px;background:white}.benefit-card h3{font-size:18px}.benefit-card p{font-size:14px;margin-bottom:0}.benefit-card .service-icon{width:44px;height:44px;border-radius:12px;font-size:24px;margin-bottom:16px}.contact-grid{display:grid;grid-template-columns:2fr 3fr;gap:32px;align-items:start}.contact-details{display:grid;gap:20px}.contact-card{padding:22px 26px;border-radius:16px;background:white;border:1px solid var(--border)}.contact-card p{margin-bottom:0;color:var(--ink);font-weight:500}.contact-card .contact-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:400;margin-bottom:4px}.contact-card a{text-decoration:none;overflow-wrap:anywhere}.esmate-form{padding:36px;background:white;border:1px solid var(--border);border-radius:24px}.esmate-form label{display:block;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.esmate-form input,.esmate-form textarea{display:block;width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:12px;margin-top:6px;background:#fff;color:var(--ink)}.esmate-form textarea{min-height:155px;resize:vertical}.esmate-form button{width:100%;margin-top:24px;cursor:pointer}.esmate-form button:disabled{opacity:.65;cursor:wait}.esmate-form .form-status{margin:20px 0 0;font-size:14px}.form-status:empty{display:none}.form-status[data-error="true"]{color:#9c1822}.form-status[data-error="false"]{color:#24583b}.esmate-trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}.studio-footer{background:var(--wine);color:var(--cream);padding-top:52px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-logo{width:160px;margin:0 0 16px;border-radius:16px;overflow:hidden}.footer-logo img{display:block;width:100%;height:auto}.footer-copy{text-align:right}.footer-copy h3{font-size:24px;margin-bottom:12px}.footer-copy p{margin:4px 0;color:#f6f4eecc}.footer-copy a:hover{color:white}.footer-bottom{padding-block:24px;margin-top:40px;border-top:1px solid #ffffff20;font-size:12px;color:#f6f4eeaa}.footer-bottom p{margin:0}.studio-footer a{color:inherit}.editor-styles-wrapper .studio-header{position:relative;top:0}.editor-styles-wrapper .hero{min-height:700px}.editor-styles-wrapper .exercise-copy{position:static}.editor-styles-wrapper .hero-photo{z-index:0}.editor-styles-wrapper .hero .container{position:relative;z-index:1}.editor-styles-wrapper .esmate-form .components-base-control{margin-bottom:16px}.editor-styles-wrapper .service-card:hover{transform:none}
@media(min-width:782px){body:before{content:"";position:fixed;inset:15%;background:url('assets/logo.jpg') center/contain no-repeat;opacity:.04;pointer-events:none;z-index:-1}}
@media(max-width:1000px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-grid{gap:32px}.studio-navigation .wp-block-navigation__container{gap:16px}.container{padding-inline:24px}}
@media(max-width:781px){.admin-bar .studio-header{top:46px}.section{padding-block:64px}.exercise-grid,.contact-grid{grid-template-columns:1fr}.exercise-copy{position:static}.hero{min-height:850px;padding-block:150px 100px}.hero-copy{max-width:550px}.hero:after{background:linear-gradient(90deg,#f6f4eef5,#f6f4eec9)}.studio-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.studio-navigation .wp-block-navigation__responsive-container-open{display:flex}.footer-row{align-items:start}}
@media(max-width:599px){.container{padding-inline:20px}.header-row{min-height:80px}.services-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}.service-card{padding:28px}.hero{min-height:100svh}.hero h1{font-size:43px}.hero-description{font-size:18px}.form-row{grid-template-columns:1fr}.esmate-form{padding:24px}.footer-row{flex-direction:column;align-items:center;text-align:center}.footer-copy{text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center}.footer-bottom{text-align:center}.admin-bar .studio-header{position:absolute}.wp-block-buttons{gap:12px}.wp-block-button__link{padding:13px 21px}.hero-down{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A backdrop filter otherwise makes the fixed mobile overlay only header-high. */
.studio-header:has(.is-menu-open){backdrop-filter:none}
.studio-navigation .is-menu-open .wp-block-navigation__container{gap:26px;align-items:flex-start;font-size:20px}
.studio-navigation .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:75px;align-items:flex-start}
.wp-block-navigation__responsive-container.is-menu-open{padding:28px!important;color:#2d3933!important;font-family:Jost,sans-serif!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:75px!important;align-items:flex-start!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:26px!important;align-items:flex-start!important;width:100%;font-size:20px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:#2d3933;text-decoration:none}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child a{display:inline-block;background:#8c1c25;color:#f6f4ee;padding:12px 26px!important;border-radius:100px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:0;right:0}
