/*
Theme Name: Niki Liaskou Coaching
Theme URI: https://nikiliaskou.local/
Author: OpenAI
Description: One-page WordPress theme for Niki Liaskou coaching & counseling. Inspired by the provided Element Coach layout, using the supplied Niki Liaskou logo, palette and content.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: niki-liaskou
*/

:root{
  --nl-black:#393939;
  --nl-cream:#faf2ed;
  --nl-taupe:#9a8678;
  --nl-white:#ffffff;
  --nl-line:rgba(57,57,57,.16);
  --nl-soft:rgba(154,134,120,.12);
  --nl-shadow:0 24px 70px rgba(57,57,57,.10);
  --nl-serif:"Playfair Display", Georgia, serif;
  --nl-sans:"Poppins", Arial, sans-serif;
  --nl-body:"Poppins", Arial, sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--nl-black);
  background:var(--nl-white);
  font-family:var(--nl-body);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button,input,textarea,select{font:inherit}

.site-shell{overflow-x:hidden;background:var(--nl-white)}
.container{width:min(1160px,calc(100% - 48px));margin:0 auto}
.container-wide{width:min(1340px,calc(100% - 40px));margin:0 auto}
.eyebrow{
  font-family:var(--nl-sans);
  letter-spacing:.26em;
  text-transform:uppercase;
  font-size:.72rem;
  font-weight:600;
  margin:0 0 18px;
}
.display-title{
  font-family:var(--nl-serif);
  font-weight:600;
  line-height:.92;
  letter-spacing:-.045em;
  font-size:clamp(4rem,12vw,10rem);
  margin:0;
}
h1,h2,h3,h4{color:var(--nl-black);margin-top:0}
h1,h2{font-family:var(--nl-serif);font-weight:600;letter-spacing:-.035em;line-height:.95}
h2{font-size:clamp(3rem,7vw,6.8rem);margin-bottom:26px}
h3{font-family:var(--nl-serif);font-size:clamp(1.9rem,3.4vw,3.4rem);line-height:1;margin-bottom:18px}
h4{font-family:var(--nl-sans);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}
p{margin:0 0 18px}.lead{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.65}.small{font-size:.94rem}.muted{opacity:.78}

.skip-link{position:absolute;left:-999px;top:12px;background:var(--nl-black);color:#fff;padding:10px 14px;z-index:10000}.skip-link:focus{left:12px}

.site-header{
  position:sticky;top:0;z-index:9999;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid var(--nl-line);
}
.header-inner{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  min-height:92px;gap:20px;
}
.logo img{width:206px;height:auto;margin:auto}.logo{display:inline-flex;align-items:center;justify-content:center}
.nav-left,.nav-right{display:flex;align-items:center;gap:34px}.nav-right{justify-content:flex-end}.nav-left{justify-content:flex-start}
.nav-left a,.nav-right a,.mobile-menu a{
  font-family:var(--nl-sans);font-size:.66rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;
}

.language-switcher{display:inline-flex;align-items:center;gap:7px;margin-left:4px;font-family:var(--nl-sans);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nl-black)}
.language-switcher button{appearance:none;border:0;background:transparent;color:rgba(57,57,57,.45);padding:4px 2px;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}
.language-switcher button[aria-pressed="true"]{color:var(--nl-black);border-bottom:1px solid var(--nl-black)}
.language-switcher span{color:rgba(57,57,57,.28)}
.mobile-language{justify-content:center;margin:8px 0 0}

.nav-left a:hover,.nav-right a:hover,.mobile-menu a:hover,.language-switcher button:hover{color:var(--nl-taupe)}
.menu-toggle{display:none;background:transparent;border:0;font-family:var(--nl-sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--nl-black)}
.mobile-menu{display:none;border-top:1px solid var(--nl-line);padding:15px 24px 20px}.mobile-menu nav{display:grid;gap:14px;text-align:center}

.hero{padding:34px 0 104px}
.hero-frame{position:relative;min-height:720px;background:var(--nl-cream);overflow:hidden;isolation:isolate}
.hero-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.10) 32%,rgba(0,0,0,.02) 62%,rgba(0,0,0,0) 100%);z-index:1}
.hero-image{position:absolute;inset:0;min-height:720px}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-card{position:relative;z-index:2;left:clamp(24px,6vw,88px);top:clamp(38px,11vw,110px);width:min(560px,calc(100% - 48px));background:rgba(250,242,237,.97);padding:clamp(36px,4vw,66px);box-shadow:var(--nl-shadow)}
.hero-card h1{font-size:clamp(3.2rem,6vw,6.5rem);margin-bottom:22px;line-height:.98}
.hero-card p{max-width:440px}
.hero-card .btn{margin-top:26px}
.hero-note{margin-top:22px;font-family:var(--nl-body);font-size:1.02rem;line-height:1.7;color:rgba(57,57,57,.84)}

.section{padding:112px 0}.section-tight{padding:76px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split.reverse .image-panel{order:2}.image-panel{position:relative}.image-panel .mat{background:var(--nl-taupe);padding:46px}.image-panel .mat.cream{background:var(--nl-cream)}.image-panel img{width:100%;aspect-ratio:4/5;object-fit:cover}.text-panel{max-width:650px}.quote-line{font-family:var(--nl-serif);font-size:clamp(2.2rem,4vw,4.6rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 28px}.soft-bg{background:linear-gradient(90deg,var(--nl-white) 0,var(--nl-white) 18%,var(--nl-cream) 18%,var(--nl-cream) 100%)}

.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.mission-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}.mission-list li{padding-left:34px;position:relative}.mission-list li:before{content:"";width:13px;height:13px;background:var(--nl-taupe);border-radius:50%;position:absolute;left:0;top:.65em}.values-grid,.pillars-grid,.services-grid,.path-grid{display:grid;gap:22px}.values-grid{grid-template-columns:repeat(2,1fr);margin-top:34px}.pillars-grid{grid-template-columns:repeat(4,1fr);margin-top:42px}.services-grid{grid-template-columns:repeat(2,1fr)}.path-grid{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--nl-line);padding:34px;box-shadow:0 18px 45px rgba(57,57,57,.04)}.card.taupe{background:var(--nl-taupe);color:#fff;border:0}.card.cream{background:var(--nl-cream);border:0}.card h3,.card h4{color:inherit}.card h3{font-size:2.65rem}.number{font-family:var(--nl-serif);font-size:4.8rem;line-height:.8;color:var(--nl-taupe);display:block;margin-bottom:28px}.taupe .number{color:#fff}.card ul{margin:18px 0 0;padding-left:20px}.card li{margin-bottom:10px}

.marquee{white-space:nowrap;overflow:hidden;border-block:1px solid var(--nl-line);background:var(--nl-black);color:#fff}.marquee span{display:inline-block;animation:marquee 28s linear infinite;padding:18px 0;font-family:var(--nl-sans);letter-spacing:.22em;font-size:.74rem;text-transform:uppercase}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.framework-intro{background:var(--nl-black);color:#fff}.framework-intro h2,.framework-intro h3,.framework-intro h4{color:#fff}.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.25);margin-top:50px}.phase{background:var(--nl-black);padding:34px;min-height:330px}.phase h3{font-size:2.5rem}.paths{margin-top:72px}.duration-box{margin-top:50px;background:var(--nl-cream);padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:34px}.duration-box h3{font-size:2.8rem}

.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.faq-list{border-top:1px solid var(--nl-line)}details{border-bottom:1px solid var(--nl-line);padding:0}summary{cursor:pointer;list-style:none;padding:24px 0;font-family:var(--nl-serif);font-size:1.6rem;line-height:1.15;font-weight:600;position:relative;padding-right:42px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;top:22px;font-family:var(--nl-sans);font-size:1.3rem}details[open] summary:after{content:"-"}.faq-answer{padding:0 0 28px;max-width:820px}.faq-answer p{margin-bottom:12px}

.cta-strip{background:var(--nl-cream);padding:85px 0}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.big-quote{font-family:var(--nl-serif);font-size:clamp(2.7rem,5vw,5.8rem);line-height:.98;letter-spacing:-.04em}.cta-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}

.contact{background:linear-gradient(90deg,var(--nl-cream) 0,var(--nl-cream) 48%,var(--nl-white) 48%,var(--nl-white) 100%)}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}.contact-form{background:#fff;padding:48px;box-shadow:var(--nl-shadow);border:1px solid var(--nl-line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:8px;margin-bottom:22px}.field.full{grid-column:1/-1}.field label{font-family:var(--nl-sans);text-transform:uppercase;letter-spacing:.14em;font-size:.67rem;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--nl-line);padding:14px 15px;background:#fff;color:var(--nl-black);border-radius:0}.field textarea{min-height:132px;resize:vertical}.form-note{font-size:.92rem;color:rgba(57,57,57,.75)}.alert{padding:14px 16px;margin-bottom:22px;border:1px solid rgba(154,134,120,.4);background:var(--nl-cream)}

.site-footer{background:var(--nl-black);color:#fff;padding:66px 0 38px}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.footer-logo img{width:220px;filter:invert(1) brightness(3)}.footer-nav{display:flex;gap:25px;flex-wrap:wrap}.footer-nav a,.footer-meta{font-family:var(--nl-sans);letter-spacing:.18em;text-transform:uppercase;font-size:.64rem}.footer-meta{text-align:right}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:38px;padding-top:25px;font-size:.85rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.72)}

@media (max-width:1050px){
  .header-inner{grid-template-columns:auto 1fr auto;min-height:78px}.nav-left,.nav-right{display:none}.logo img{width:178px}.menu-toggle{display:block;grid-column:3}.mobile-menu.is-open{display:block}.split,.about-grid,.faq-wrap,.cta-grid,.contact-grid,.duration-box{grid-template-columns:1fr}.pillars-grid{grid-template-columns:repeat(2,1fr)}.path-grid{grid-template-columns:1fr}.services-grid,.values-grid{grid-template-columns:1fr}.hero-frame{grid-template-columns:1fr}.hero-accent{display:none}.hero-card{position:relative;left:auto;top:auto;width:auto;margin:0;background:var(--nl-cream);padding:54px 34px}.hero-image{min-height:520px;order:2}.soft-bg,.contact{background:var(--nl-white)}.split.reverse .image-panel{order:0}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-logo img{margin:auto}.footer-nav{justify-content:center}.footer-meta{text-align:center}
}
@media (max-width:680px){
  .container,.container-wide{width:min(100% - 28px,1160px)}.section{padding:76px 0}.hero{padding:20px 0 68px}.hero-image{min-height:420px}.display-title{font-size:4.4rem}.hero-card h1{font-size:3.8rem}.card,.contact-form{padding:26px}.pillars-grid,.phases{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.cta-actions{display:grid}.btn{width:100%;padding-inline:18px}.footer-bottom{display:block;text-align:center}.image-panel .mat{padding:24px}
}

.hero-subtitle{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;min-height:54px;border:1px solid var(--nl-black);background:var(--nl-black);color:#fff;font-family:var(--nl-sans);font-weight:600;letter-spacing:.11em;text-transform:uppercase;font-size:.74rem;margin:12px 0 0}

@media (max-width: 980px){.hero-frame{min-height:620px}.hero-image,.hero-image img{min-height:620px}.hero-card{left:24px;right:24px;top:24px;width:auto}}
@media (max-width: 640px){.hero{padding-top:18px}.hero-frame{min-height:560px}.hero-image,.hero-image img{min-height:560px}.hero-card{padding:28px 24px}.hero-subtitle{width:100%;text-align:center}}

@media (max-width: 1100px){.nav-right{gap:20px}.language-switcher{margin-left:0}}
@media (max-width: 920px){.nav-right .language-switcher{display:none}.mobile-language{display:inline-flex}}
body.lang-el .display-title,body.lang-el h1,body.lang-el h2,body.lang-el h3{letter-spacing:-.045em}


/* v1.0.3 visual refinements: demo-like header/footer, fullscreen hero, button hover, Greek typography */
:root{
  --nl-greek:"Manrope","Noto Sans Greek",Arial,sans-serif;
}

.container-wide{width:min(1400px,calc(100% - 24px));margin-inline:auto}

.site-header{background:rgba(255,255,255,.96);border-bottom:0;box-shadow:none}
.header-inner{min-height:88px;gap:22px}
.logo img{width:190px}
.nav-left,.nav-right{gap:38px}
.nav-left a,.nav-right a,.mobile-menu a,.language-switcher{font-size:.62rem;letter-spacing:.25em;font-weight:600;line-height:1.2}
.language-switcher{gap:6px;margin-left:2px;letter-spacing:.16em}
.language-switcher button{transition:color .25s ease,border-color .25s ease}

.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;min-height:48px;padding:13px 34px;border:1px solid var(--nl-black);background:var(--nl-black);color:#fff;font-family:var(--nl-sans);letter-spacing:.16em;text-transform:uppercase;font-weight:700;font-size:.64rem;line-height:1.1;transition:color .32s ease,border-color .32s ease,background-color .32s ease;cursor:pointer}
.btn::before{content:"";position:absolute;inset:0;background:var(--nl-taupe);transform:scaleX(0);transform-origin:left center;transition:transform .36s cubic-bezier(.7,0,.2,1);z-index:-1}
.btn:hover,.btn:focus-visible{border-color:var(--nl-taupe);color:#fff;background:var(--nl-black);transform:none;outline:none}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1)}
.btn.btn-taupe{background:var(--nl-taupe);border-color:var(--nl-taupe);color:#fff}
.btn.btn-taupe::before{background:var(--nl-black)}
.btn.btn-taupe:hover,.btn.btn-taupe:focus-visible{border-color:var(--nl-black)}
.btn.btn-light{background:transparent;color:var(--nl-black);border-color:var(--nl-black)}
.btn.btn-light::before{background:var(--nl-black)}
.btn.btn-light:hover,.btn.btn-light:focus-visible{color:#fff;border-color:var(--nl-black);background:transparent}

.hero{padding:0}
.hero .container-wide{width:100%;max-width:none}
.hero-frame{height:calc(100svh - 88px);min-height:650px;width:100%;background:var(--nl-cream);position:relative;overflow:hidden;isolation:isolate}
.hero-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.10) 34%,rgba(0,0,0,.02) 62%,rgba(0,0,0,0) 100%);z-index:1;pointer-events:none}
.hero-image{position:absolute;inset:0;height:100%;min-height:0;z-index:0;order:initial}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-card{position:absolute;z-index:2;left:clamp(32px,9vw,128px);top:50%;transform:translateY(-50%);width:min(500px,calc(100% - 64px));margin:0;background:rgba(250,242,237,.97);padding:clamp(34px,3.7vw,54px);box-shadow:var(--nl-shadow)}
.hero-card .eyebrow{font-size:.58rem;letter-spacing:.22em;margin-bottom:14px}
.hero-card h1{font-size:clamp(2.05rem,3.35vw,3.15rem);line-height:1.04;letter-spacing:-.025em;margin-bottom:18px}
.hero-card p{max-width:390px;font-size:.86rem;line-height:1.65;margin-bottom:14px}
.hero-card .btn{margin-top:14px;min-height:46px;padding:12px 30px;font-size:.6rem}
.hero-note{margin-top:20px;font-family:var(--nl-body);font-size:.82rem!important;line-height:1.6!important;color:rgba(57,57,57,.78)}

.site-footer{background:var(--nl-white);color:var(--nl-black);padding:54px 0 28px;border-top:1px solid var(--nl-line)}
.footer-grid{min-height:88px;grid-template-columns:1fr auto 1fr;gap:34px;align-items:center}
.footer-logo img{width:190px;filter:none}
.footer-nav{gap:38px;align-items:center}
.footer-nav a,.footer-meta{font-size:.62rem;letter-spacing:.22em;font-weight:600;color:var(--nl-black)}
.footer-meta{text-align:right}
.footer-bottom{border-top:1px solid var(--nl-line);margin-top:28px;padding-top:22px;color:rgba(57,57,57,.62);font-size:.78rem;letter-spacing:.02em}

body.lang-el{font-family:var(--nl-greek);line-height:1.82;letter-spacing:0;text-rendering:optimizeLegibility}
body.lang-el p,body.lang-el li,body.lang-el .lead,body.lang-el .faq-answer{font-family:var(--nl-greek);line-height:1.82;letter-spacing:0}
body.lang-el h1,body.lang-el h2,body.lang-el h3,body.lang-el .display-title,body.lang-el .big-quote,body.lang-el .quote-line,body.lang-el summary{font-family:var(--nl-greek);font-weight:600;letter-spacing:-.015em;line-height:1.15}
body.lang-el h4,body.lang-el .eyebrow,body.lang-el .nav-left a,body.lang-el .nav-right a,body.lang-el .mobile-menu a,body.lang-el .language-switcher,body.lang-el .btn,body.lang-el .field label,body.lang-el .footer-nav a,body.lang-el .footer-meta{font-family:var(--nl-greek);letter-spacing:.10em}
body.lang-el .hero-card h1{font-size:clamp(1.8rem,2.6vw,2.55rem);line-height:1.18;letter-spacing:-.012em}
body.lang-el .hero-card p{font-size:.84rem;line-height:1.78}
body.lang-el .hero-note{font-size:.8rem!important;line-height:1.72!important}

@media (max-width:1200px){
  .header-inner{min-height:82px}.logo img{width:178px}.nav-left,.nav-right{gap:24px}.nav-left a,.nav-right a,.language-switcher{font-size:.58rem;letter-spacing:.20em}
  .hero-frame{height:calc(100svh - 82px);min-height:620px}.hero-card{left:clamp(24px,6vw,72px);width:min(470px,calc(100% - 48px))}
}

@media (max-width:1050px){
  .container-wide{width:min(100% - 28px,1160px)}
  .header-inner{grid-template-columns:auto 1fr auto;min-height:76px}.nav-left,.nav-right{display:none}.site-branding{justify-self:center}.logo img{width:168px}.menu-toggle{display:block;grid-column:3}.mobile-menu.is-open{display:block}
  .mobile-menu{background:#fff;padding:18px 24px 24px}.mobile-menu nav{gap:16px}.mobile-language{display:inline-flex;justify-content:center;margin:4px auto 0}
  .hero .container-wide{width:100%}.hero-frame{height:auto;min-height:auto;display:block;background:var(--nl-cream)}.hero-frame::before{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,0) 55%)}
  .hero-image{position:relative;display:block;height:62svh;min-height:470px}.hero-image img{height:100%;min-height:0;object-position:center top}
  .hero-card{position:relative;left:auto;top:auto;transform:none;width:min(620px,calc(100% - 48px));margin:-82px auto 64px;padding:38px 34px;box-shadow:0 18px 50px rgba(57,57,57,.12)}
  .hero-card h1{font-size:clamp(2rem,5vw,3rem)}
  .split,.about-grid,.faq-wrap,.cta-grid,.contact-grid,.duration-box{grid-template-columns:1fr}.pillars-grid{grid-template-columns:repeat(2,1fr)}.path-grid{grid-template-columns:1fr}.services-grid,.values-grid{grid-template-columns:1fr}.soft-bg,.contact{background:var(--nl-white)}.split.reverse .image-panel{order:0}
  .footer-grid{min-height:auto;grid-template-columns:1fr;text-align:center;gap:24px}.footer-logo img{margin:auto}.footer-nav{justify-content:center}.footer-meta{text-align:center}.footer-bottom{justify-content:center;text-align:center}
}

@media (max-width:680px){
  .container,.container-wide{width:min(100% - 28px,1160px)}.section{padding:72px 0}.section-tight{padding:58px 0}.header-inner{min-height:70px}.logo img{width:152px}
  .hero{padding:0}.hero .container-wide{width:100%}.hero-image{height:58svh;min-height:390px}.hero-card{width:calc(100% - 30px);margin:-58px auto 48px;padding:30px 24px}.hero-card .eyebrow{font-size:.55rem;margin-bottom:12px}.hero-card h1{font-size:clamp(1.85rem,9vw,2.45rem);line-height:1.08;margin-bottom:16px}.hero-card p{font-size:.82rem;line-height:1.64}.hero-note{font-size:.78rem!important;line-height:1.6!important}.hero-card .btn{width:100%;padding-inline:16px}
  h2{font-size:clamp(2.4rem,12vw,3.7rem)}h3{font-size:clamp(1.7rem,8vw,2.5rem)}.display-title{font-size:4rem}.card,.contact-form{padding:24px}.pillars-grid,.phases{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.cta-actions{display:grid}.btn{width:100%;padding-inline:18px}.footer-bottom{display:block}.image-panel .mat{padding:22px}
  body.lang-el .hero-card h1{font-size:clamp(1.65rem,7.5vw,2.15rem);line-height:1.2}body.lang-el .hero-card p{font-size:.8rem;line-height:1.75}body.lang-el h2{font-size:clamp(2rem,10vw,3rem);line-height:1.16}
}