/*
Theme Name: My True North English & Coaching
Theme URI: https://mytruenorthenglish.com/
Author: Romana Mikuláštíková
Description: Vlastní jednostránková WordPress šablona pro My True North English & Coaching.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: my-true-north
*/

:root{--ink:#18332f;--forest:#1d4a42;--deep:#112c28;--sea:#7fa8a1;--sky:#dcebe8;--paper:#f7f4ec;--white:#fffdf8;--gold:#b98c49;--line:rgba(24,51,47,.16);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.75 var(--sans);letter-spacing:.002em}a{color:inherit}button{font:inherit}.site-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1.25rem,5vw,5rem);background:rgba(247,244,236,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;line-height:1}.brand-mark{color:var(--gold);font-size:1.5rem}.brand strong{display:block;font-size:.85rem;letter-spacing:.19em}.brand small{display:block;margin-top:.38rem;color:#55706b;font-size:.58rem;letter-spacing:.17em}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav a{text-decoration:none;font-size:.88rem;font-weight:500}.nav-cta{padding:.65rem 1rem;border:1px solid var(--ink)}.menu-button{display:none;background:transparent;border:0;color:var(--ink);font-weight:600}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);background:var(--white)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem) clamp(1.5rem,7vw,8rem)}.eyebrow,.section-number{margin:0 0 1.5rem;color:var(--gold);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.hero h1{margin:0;color:var(--deep);font:600 clamp(3.3rem,6.2vw,6.8rem)/.96 var(--serif);letter-spacing:-.04em}.hero h1 em{color:var(--forest);font-weight:500}.hero h2{margin:2.2rem 0 1rem;font-size:clamp(1.15rem,1.8vw,1.55rem);font-weight:500}.hero p{max-width:45rem;margin:.45rem 0;color:#3c5752}.hero .lead{font-size:1.15rem;color:var(--ink)}.button{align-self:flex-start;display:inline-flex;gap:1rem;align-items:center;margin-top:2rem;padding:.9rem 1.25rem;background:var(--forest);color:white;text-decoration:none;border:1px solid var(--forest);font-weight:600}.hero-visual{position:relative;min-height:42rem;overflow:hidden;background:var(--deep)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,44,40,.05),rgba(17,44,40,.5))}.hero-visual img{width:100%;height:100%;object-fit:cover}.compass{position:absolute;z-index:2;right:2.5rem;bottom:2.5rem;width:6.5rem;height:6.5rem;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:white}.compass span{position:absolute;top:.45rem;left:50%;transform:translateX(-50%);font-size:.65rem;letter-spacing:.18em}.compass i{position:absolute;top:1.45rem;left:50%;width:1px;height:3.8rem;background:white;transform:rotate(26deg);transform-origin:bottom}.compass i:before{content:"";position:absolute;top:-.15rem;left:-.22rem;border-left:.24rem solid transparent;border-right:.24rem solid transparent;border-bottom:.65rem solid white}.section-pad{padding:clamp(5rem,10vw,9rem) clamp(1.5rem,8vw,9rem)}.section-heading{max-width:62rem}.section-heading.centered{margin:0 auto 4rem;text-align:center}.section-heading h2,.about h2,.contact h2{margin:0;color:var(--deep);font:600 clamp(2.3rem,4.5vw,4.6rem)/1.08 var(--serif);letter-spacing:-.03em}.en-sub{margin:.55rem 0 1.5rem!important;color:#67817c!important;font:500 italic 1rem/1.5 var(--serif)!important}.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:4rem 0}.quote-grid blockquote{margin:0;padding:2rem;background:var(--white);border-left:3px solid var(--gold);font:500 clamp(1.15rem,1.7vw,1.45rem)/1.5 var(--serif)}.insight{max-width:58rem;margin-left:auto;padding:3rem 0 0 clamp(1.5rem,6vw,6rem);border-top:1px solid var(--line)}.insight p:first-child{font-size:1.2rem;color:var(--deep)}.services{background:var(--deep);color:#dce7e4}.services .section-heading h2,.services h3,.services h4{color:white}.services .section-heading>p:last-child{max-width:48rem;margin:1.75rem auto 0}.services .en-sub{color:#9fb9b3!important}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:90rem;margin:0 auto;border:1px solid rgba(255,255,255,.2)}.service-card{display:flex;flex-direction:column;padding:clamp(1.8rem,3vw,3rem);border-right:1px solid rgba(255,255,255,.2)}.service-card:last-child{border-right:0}.service-card.featured{background:#1f5047}.card-index{color:var(--gold);font-size:.7rem;letter-spacing:.2em}.service-card h3{margin:.5rem 0 1.6rem;font:600 2rem/1.05 var(--serif)}.service-card h4{margin:0;font-size:1.02rem;line-height:1.5}.service-card p{color:#bfd0cc}.service-card .detail{margin-top:auto;padding-top:1rem;color:#e7efed;font-size:.85rem}.service-card a,.text-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.24);color:white;text-decoration:none;font-weight:600}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem);align-items:center;background:var(--white)}.about-visual{aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;background:linear-gradient(145deg,var(--sky),#9cbcb5);color:var(--deep)}.about-visual span{font:600 clamp(6rem,13vw,12rem)/.8 var(--serif);color:var(--forest)}.about-visual p{font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.about-copy{max-width:48rem}.about-copy>p:not(.section-number,.en-sub){color:#3c5752}.about-copy>p:nth-of-type(3){font-size:1.1rem;color:var(--ink)}.text-link{display:inline-flex;gap:3rem;border-color:var(--line);color:var(--ink)}.process{background:var(--sky)}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:84rem;margin:auto}.steps article{padding:0 clamp(1.25rem,3vw,3rem);border-right:1px solid rgba(24,51,47,.22)}.steps article:last-child{border-right:0}.steps article>span{font:500 3.5rem/1 var(--serif);color:#8daaa4}.steps h3{margin:1.5rem 0 .5rem;font:600 1.45rem/1.25 var(--serif)}.contact{text-align:center;background:var(--forest);color:#dce7e4}.contact h2{color:white}.contact>p:not(.section-number,.en-sub,.closing){max-width:46rem;margin:.8rem auto}.contact .en-sub{color:#bad0cb!important}.button-light{align-self:auto;background:var(--white);border-color:var(--white);color:var(--deep);cursor:default}.closing{margin:4rem 0 0;font:500 clamp(1.5rem,3vw,2.6rem)/1.2 var(--serif);color:white}.closing em{color:#d6b678}footer{display:flex;justify-content:space-between;align-items:center;padding:2rem clamp(1.5rem,8vw,9rem);background:#0d211e;color:#dce7e4}footer p{font-size:.75rem;letter-spacing:.12em}.footer-brand strong{color:white}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:1rem 1.5rem 1.5rem;background:var(--paper);border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:.8rem}.menu-button{display:block}.hero{grid-template-columns:1fr}.hero-visual{min-height:30rem}.quote-grid,.service-grid,.steps{grid-template-columns:1fr}.service-card{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.service-card:last-child{border-bottom:0}.about{grid-template-columns:1fr}.about-visual{aspect-ratio:16/9}.steps article{padding:2rem 0;border-right:0;border-bottom:1px solid rgba(24,51,47,.22)}.steps article:last-child{border-bottom:0}}
@media(max-width:560px){body{font-size:1rem}.site-header{padding:.85rem 1rem}.hero-copy{padding:4rem 1.25rem}.hero h1{font-size:3.05rem}.hero-visual{min-height:24rem}.section-pad{padding:4.5rem 1.25rem}.quote-grid{grid-template-columns:1fr;margin:2.5rem 0}.quote-grid blockquote{padding:1.4rem}.insight{padding-left:0}.service-card{padding:2rem 1.4rem}.about-visual{aspect-ratio:1}.contact h2 br{display:none}footer{align-items:flex-start;gap:2rem;flex-direction:column}}
.compass i{transform:translateX(-50%);transform-origin:center}
.about-visual span{display:block;font-size:clamp(6rem,13vw,12rem);line-height:1;transform:translateY(-1.5rem)}
.about-visual p{max-width:18rem;margin:1.75rem 0 0;line-height:1.55}
.site-header{padding-top:1.2rem;padding-bottom:1.2rem}
.brand{gap:.9rem}
.brand-mark{font-size:1.9rem}
.brand strong{font-size:1.05rem;letter-spacing:.2em}
.brand small{margin-top:.42rem;font-size:.69rem;letter-spacing:.18em}
.site-header nav{gap:2.2rem}
.site-header nav a{font-size:.98rem}
.compass{width:7.6rem;height:7.6rem;border:2px solid rgba(255,255,255,.78);background:rgba(17,44,40,.32);box-shadow:0 0 0 6px rgba(255,255,255,.12),0 12px 32px rgba(8,28,25,.28);backdrop-filter:blur(4px)}
.compass:before{content:"";position:absolute;inset:.75rem;border:1px solid rgba(255,255,255,.34);border-radius:50%}
.compass:after{content:"";position:absolute;z-index:3;top:50%;left:50%;width:.7rem;height:.7rem;border:2px solid white;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(17,44,40,.38)}
.compass span{z-index:4;top:.38rem;color:#f3cc8d;font-size:.78rem;font-weight:600}
.compass i{z-index:2;top:1.55rem;height:4.5rem;width:2px;background:linear-gradient(to bottom,#f3cc8d 0 50%,rgba(255,255,255,.85) 50% 100%)}
.compass i:before{top:-.45rem;left:-.34rem;border-left-width:.38rem;border-right-width:.38rem;border-bottom:.85rem solid #f3cc8d}
.compass i:after{content:"";position:absolute;bottom:-.45rem;left:-.34rem;border-left:.38rem solid transparent;border-right:.38rem solid transparent;border-top:.85rem solid rgba(255,255,255,.85)}
@media(max-width:560px){.site-header{padding-top:1rem;padding-bottom:1rem}.brand strong{font-size:.9rem}.brand small{font-size:.6rem}.brand-mark{font-size:1.6rem}}
.hero .eyebrow{margin-bottom:1.8rem;color:var(--forest);font-size:clamp(.98rem,1.3vw,1.12rem);font-weight:600;letter-spacing:.12em;text-transform:none}
.compass{width:9rem;height:9rem;padding:.35rem;border:0;background:rgba(13,38,34,.56);box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 0 7px rgba(13,38,34,.28),0 14px 38px rgba(8,28,25,.38);backdrop-filter:blur(5px)}
.compass:before,.compass:after{content:none}
.compass svg{display:block;width:100%;height:100%;overflow:visible}
.compass-ring{fill:none;stroke:rgba(255,255,255,.78)}
.compass-ring.outer{stroke-width:1.8}
.compass-ring.inner{stroke-width:.7;stroke-dasharray:2 4}
.compass-ticks{fill:none;stroke:rgba(255,255,255,.84);stroke-width:1.5}
.cardinals text{fill:rgba(255,255,255,.88);font:600 10px var(--sans);text-anchor:middle;letter-spacing:.05em}
.cardinals text:first-child{fill:#f3cc8d;font-size:13px}
.needle-north{fill:#d8a657;stroke:#f7d49d;stroke-width:.7}
.needle-south{fill:#f3f0e7;stroke:white;stroke-width:.7}
.needle-center-outer{fill:#153a34;stroke:#f3cc8d;stroke-width:2}
.needle-center{fill:#f3cc8d}
.compass{padding:.4rem;background:radial-gradient(circle at 45% 40%,rgba(239,222,177,.96),rgba(190,157,99,.95) 66%,rgba(91,62,31,.96));box-shadow:0 0 0 1px rgba(47,31,17,.8),0 0 0 6px rgba(211,178,111,.35),0 14px 38px rgba(8,28,25,.45)}
.compass-ring{stroke:#5d4024}
.compass-ring.outer{stroke-width:2.2}
.compass-ring.middle{fill:none;stroke-width:.8;stroke-dasharray:1 3}
.compass-ring.inner{stroke-width:1;stroke-dasharray:none}
.compass-ticks{stroke:#654522;stroke-width:1.7}
.minor-rays{fill:#8c6b3d;stroke:#4d341d;stroke-width:.45;opacity:.82}
.ordinal-rays{fill:#d6bd83;stroke:#53371e;stroke-width:.75}
.cardinal-rays path{fill:#ead9ad;stroke:#4a301a;stroke-width:1}
.cardinal-rays .north-ray{fill:#8c2f25;stroke:#4b1c17;stroke-width:1.2}
.cardinals text{fill:#4e321b;font:600 10px Georgia,serif}
.cardinals text:first-child{fill:#7b241d;font-size:14px;font-weight:700}
.needle-center-outer{fill:#6b4825;stroke:#ead39a;stroke-width:2}
.needle-center{fill:#d4ad5e}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.compass.compass-art{right:2rem;bottom:2rem;width:clamp(11rem,16vw,15rem);height:auto;aspect-ratio:1;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.compass.compass-art:before,.compass.compass-art:after{content:none}
.hero-visual .compass-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(8,28,25,.42))}
@media(max-width:560px){.compass.compass-art{right:1rem;bottom:1rem;width:10.5rem}}
.about-visual{position:relative;overflow:hidden}
.about-visual .maple-leaf{position:absolute;z-index:0;width:min(88%,25rem);height:auto;opacity:.16;transform:translate(.8rem,-1.1rem) rotate(-9deg);filter:saturate(.95)}
.about-visual span,.about-visual p{position:relative;z-index:1}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);gap:clamp(2.5rem,7vw,7rem);max-width:76rem;margin:3.5rem auto 0;text-align:left;align-items:start}
.contact-intro>p{margin:.2rem 0 1.1rem;color:#dce7e4}
.contact-person{display:flex;flex-direction:column;margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.24)}
.contact-person strong{color:white;font:600 clamp(1.45rem,2.2vw,2rem)/1.2 var(--serif)}
.contact-person span{margin-top:.4rem;color:#dce7e4}
.contact-person small{color:#bad0cb;font:500 italic 1rem/1.5 var(--serif)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1rem;padding:clamp(1.5rem,3vw,2.4rem);background:rgba(13,33,30,.3);border:1px solid rgba(255,255,255,.2)}
.form-field{display:grid;gap:.45rem}.form-field-wide,.contact-form .button,.form-note{grid-column:1/-1}
.contact-form label{color:white;font-size:.88rem;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;padding:.82rem .9rem;border:1px solid rgba(255,255,255,.38);border-radius:0;background:rgba(255,255,255,.08);color:white;font:inherit;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:#f3cc8d;box-shadow:0 0 0 2px rgba(243,204,141,.18)}
.contact-form textarea{resize:vertical;min-height:9rem}
.contact-form textarea::placeholder{color:#a9c0bb}
.contact-form .button{justify-content:center;width:100%;margin-top:.7rem;cursor:pointer}
.contact-form .button:disabled{opacity:.72;cursor:not-allowed}
.form-note{margin:.15rem 0 0!important;color:#bad0cb!important;font-size:.82rem;text-align:center}
.section-heading>.en-sub,.about-copy>.en-sub,.contact>.en-sub{margin-top:.7rem!important;font-size:clamp(1.2rem,1.7vw,1.4rem)!important;line-height:1.45!important}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.form-field,.contact-form .button,.form-note{grid-column:1}}
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{grid-column:1/-1;margin:0 0 .75rem!important;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.32);color:white!important}
.form-status-success{background:rgba(19,91,68,.45)}
.form-status-error{background:rgba(139,50,43,.45)}