/*
Theme Name: Modus Coaching
Theme URI: https://modus-coaching.de/
Author: Rebekka Möller
Description: Custom WordPress theme generated from the provided static HTML pages for modus coaching.
Version: 1.4.5
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: modus-coaching
*/

/* Media placeholders used until real images are selected in Settings → Modus Coaching */
.modus-img-placeholder{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--cbg);color:var(--cm);text-align:center;}
.modus-img-placeholder span{font-size:11px;color:var(--muted);font-style:italic;}
.intro-photo-img,.g-photo-img,.a-photo-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.intro-photo .modus-img-placeholder,.g-photo .modus-img-placeholder,.a-photo .modus-img-placeholder{width:100%;height:100%;}

:root{--bg:#F0EDE6;--white:#FDFAF5;--ink:#1A1812;--mid:#5A5650;--muted:#9A9288;--border:#DDD8CF;--c:#2B3D34;--cm:#4A6358;--cp:#B8CCC2;--cbg:#E4EEE8;--r:3px;--max:1160px;--pad:clamp(20px,5vw,68px);} 
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad);}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:400;letter-spacing:.04em;border-radius:var(--r);transition:all .2s;border:none;cursor:pointer}.btn-sm{padding:10px 18px;font-size:13px}.btn-c{background:var(--c);color:#fff}.btn-c:hover{background:#1d2c26;transform:translateY(-1px)}nav{position:fixed;top:0;left:0;right:0;z-index:300;background:rgba(240,237,230,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-i{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:58px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px}.logo-svg{width:24px;height:24px}.logo-w{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;letter-spacing:.04em}.logo-w small{font-weight:300;color:var(--muted);font-size:15px}.nav-links{display:flex;align-items:center;list-style:none;margin:0;padding:0}.nav-links a{font-size:13px;color:var(--mid);padding:5px 11px;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-r{display:flex;align-items:center;gap:10px}.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.hbg span{display:block;width:20px;height:1.5px;background:var(--ink);transition:all .3s;transform-origin:center}.hbg.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hbg.open span:nth-child(2){opacity:0}.hbg.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mob{display:none;position:fixed;top:58px;left:0;right:0;bottom:0;background:var(--bg);z-index:290;padding:24px var(--pad);flex-direction:column;overflow-y:auto}.mob.open{display:flex}.mob a{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--border)}.mob-cta{margin-top:20px!important;background:var(--c)!important;color:white!important;text-align:center;padding:14px!important;border-radius:var(--r);font-family:'Instrument Sans',sans-serif!important;font-size:15px!important}footer{background:var(--c);border-top:1px solid rgba(255,255,255,.07);padding:clamp(18px,2.5vw,28px) 0}.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.foot .logo-w{color:white}.foot .logo-w small{color:rgba(255,255,255,.28)}.foot-links{display:flex;gap:18px;list-style:none;flex-wrap:wrap;margin:0;padding:0}.foot-links a{font-size:12px;color:rgba(255,255,255,.28);transition:color .2s}.foot-links a:hover{color:rgba(255,255,255,.65)}.foot-copy{font-size:11px;color:rgba(255,255,255,.18)}@media(max-width:760px){.hbg{display:flex}.nav-links{display:none}.nav-r .btn{display:none}.foot{flex-direction:column;text-align:center}.foot-links{justify-content:center}}


/* Feinschliff 2026-05-02 */
.nav-r .btn.btn-c{display:inline-flex!important;visibility:visible!important;opacity:1!important;}
@media(max-width:760px){.nav-r .btn.btn-c{display:inline-flex!important;padding:9px 13px!important;font-size:12px!important}.nav-r{gap:8px!important}.hbg{display:flex!important}}
.cta .btn-gw,.btn-gw{border:1px solid rgba(255,255,255,.34)!important;color:rgba(255,255,255,.72)!important;background:transparent!important;}
.cta .btn-gw:hover,.btn-gw:hover{border-color:rgba(255,255,255,.7)!important;color:#fff!important;}
a.btn,button.btn{pointer-events:auto;}
.cal-day.unavailable{opacity:.36;text-decoration:line-through;cursor:not-allowed;background:rgba(255,255,255,.55);}
.cal-day.unavailable:hover{border-color:var(--border)!important;background:rgba(255,255,255,.55)!important;transform:none!important;}

/* Consistent secondary CTA button borders */
.btn-outline,.btn-gw{border-style:solid!important;}
.hero-acts .btn-outline,.hero-acts .btn-gw,.cta-acts .btn-gw{border-width:1px!important;}
.offer-item-link{box-sizing:border-box;}
html{scroll-behavior:smooth;}

.case-check a{color:var(--cp);text-decoration:underline;text-underline-offset:2px;}
.case-privacy-error{font-size:12px;color:#C9706A;margin-top:-8px;margin-bottom:4px;}
.case-submit[disabled]{opacity:.55;cursor:not-allowed;}

/* Resource link hardening */
a.back-btn,a.back-btn-light,a.sc-redo{cursor:pointer;text-decoration:none;}
.resource-single a.btn,.resource-single a.back-btn,.resource-single a.back-btn-light,.resource-single a.arc,.resource-single a.rc,.resource-single a.sit-rel-card{color:inherit;}


/* Modus final polish 2026-05 */
nav#nav .nav-r{align-self:stretch;align-items:stretch;gap:10px;}
nav#nav .nav-r .btn.btn-c{align-self:stretch;height:auto;border-radius:0!important;border:0!important;margin:0!important;padding:0 22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
/* typical nav inherits global nav */
.case-check,.cl-consent{background:rgba(240,237,230,.72);border:1px solid var(--border,#DDD8CF);border-radius:var(--r,3px);padding:12px 13px!important;display:flex;gap:10px;align-items:flex-start;color:var(--mid,#5A5650)!important;line-height:1.55!important;}
.case-check input,.cl-consent input{margin-top:3px;flex:0 0 auto;accent-color:var(--c,#2B3D34);}
.case-check a,.cl-consent a{color:var(--c,#2B3D34);text-decoration:underline;text-underline-offset:2px;}
.case-privacy-error,.cl-consent-error{font-size:12px;color:#8A3A34;margin:-4px 0 12px;}
button:disabled,.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none!important;}
@media(max-width:900px){nav#nav .nav-r{gap:10px;}nav#nav .nav-r .btn.btn-c{align-self:stretch;border-radius:0!important;min-width:174px;padding:0 16px!important;}}


/* === Final responsive form polish === */
.modus-page .case-form{max-width:680px;margin:18px auto 0;text-align:left;}
.modus-page .case-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.modus-page .case-check,
.modus-page .cl-consent{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  text-align:left!important;
  font-size:12px!important;
  line-height:1.55!important;
  background:rgba(253,250,245,.08);
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--r,3px);
  padding:12px 13px!important;
  margin:10px 0 14px!important;
  color:rgba(255,255,255,.72)!important;
}
.modus-page .case-check input,
.modus-page .cl-consent input{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  margin:2px 0 0!important;
  accent-color:var(--cp,#B8CCC2);
}
.modus-page .case-check a,
.modus-page .cl-consent a{color:#fff!important;text-decoration:underline;text-underline-offset:2px;}
.modus-page .cl-form-box .cl-consent{
  background:rgba(240,237,230,.72)!important;
  border-color:var(--border,#DDD8CF)!important;
  color:var(--mid,#5A5650)!important;
}
.modus-page .cl-form-box .cl-consent a{color:var(--c,#2B3D34)!important;}
.modus-page .cl-input{max-width:100%;box-sizing:border-box;}
.modus-page .cl-submit[disabled],
.modus-page .case-submit[disabled]{opacity:.55!important;cursor:not-allowed!important;}
@media(max-width:900px){
  .modus-page .cl-main-inner{display:block!important;grid-template-columns:1fr!important;}
  .modus-page .cl-main-inner>div{width:100%!important;max-width:100%!important;}
  .modus-page .cl-form-box{width:100%!important;max-width:100%!important;margin-top:24px;box-sizing:border-box;}
}
@media(max-width:560px){
  .modus-page .case-form{padding:20px 16px!important;}
  .modus-page .case-form-row{grid-template-columns:1fr!important;}
  .modus-page .case-input,.modus-page .case-select,.modus-page .case-text,.modus-page .cl-input{font-size:16px!important;}
  .modus-page .case-check,.modus-page .cl-consent{font-size:11.5px!important;padding:11px 12px!important;}
  .modus-page .case-submit,.modus-page .cl-submit{width:100%!important;justify-content:center!important;}
}




/* Consent boxes: full-width single-column only; global nav unchanged */
.case-form .case-check,.cl-form-box .cl-consent{grid-column:1/-1!important;display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:rgba(253,250,245,.96)!important;border:1px solid var(--border,#DDD8CF)!important;color:var(--mid,#5A5650)!important;border-radius:var(--r,3px)!important;padding:12px 13px!important;text-align:left!important;font-size:12px!important;line-height:1.55!important;}
.case-form .case-check input,.cl-form-box .cl-consent input{width:16px!important;height:16px!important;min-width:16px!important;margin:1px 8px 0 0!important;vertical-align:text-top!important;accent-color:var(--c,#2B3D34)!important;}
.case-form .case-check a,.cl-form-box .cl-consent a{color:var(--c,#2B3D34)!important;text-decoration:underline!important;text-underline-offset:2px!important;}
.cl-form-box #clForm{display:flex!important;flex-direction:column!important;width:100%!important;gap:10px!important;}
.cl-form-box .cl-input,.cl-form-box .cl-submit{display:block!important;width:100%!important;min-width:0!important;}


/* QA hardening: keep shared UI consistent without changing layout widths */
html body nav#nav, html body nav#nav *{box-sizing:border-box;}
html body nav#nav .nav-links a, html body nav#nav .nav-r .btn, html body .mob a{font-synthesis-weight:none;}
html body .case-form .case-check, html body .cl-form-box .cl-consent{grid-column:1 / -1; width:100%; max-width:100%;}
html body .case-form .case-check, html body .case-form .case-check *, html body .cl-form-box .cl-consent, html body .cl-form-box .cl-consent *{overflow-wrap:anywhere;}
html body .cl-form-box form{max-width:100%;}