/* JAFITEC · formularer – delt af forside og teamside */

/* ---- tilstande (bruges også af projektformularen) ---- */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-err{grid-column:1/-1;margin:0;padding:14px 16px;border:1px solid #E5484D;border-left-width:3px;border-radius:var(--r-sm);background:rgba(229,72,77,.08);color:var(--fg);font-size:15px;line-height:1.5}
.btn[disabled]{opacity:.62;cursor:progress}
.btn[disabled]::before{transform:scaleX(0)!important}
form.done .form-err,form.done .apply-note{display:none}
.sent:focus{outline:none}

/* ---- profilformularen ---- */
.profil-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.profil-form .f input,.profil-form .f select,.profil-form .f textarea{background:var(--bg-2)}
.profil-form .f textarea{min-height:76px}
.apply-note{grid-column:1/-1;margin:0;font-size:13px;line-height:1.5;color:var(--fg-3)}
.apply-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.apply-note a:hover{color:var(--ink)}
#profil,#partnerskaber{scroll-margin-top:var(--navh)}

/* ---- forside: sekundær stribe under kundernes kontaktsektion ---- */
.apply{padding:clamp(36px,4.5vw,56px) 0;border-top:1px solid var(--rule-2);background:var(--bg)}
.apply-bar{display:grid;grid-template-columns:3fr 9fr;gap:24px;align-items:center}
.apply-bar>.mono{color:var(--fg-3)}
.apply-row{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap}
.apply-row p{margin:0;flex:1 1 360px;font-size:17px;line-height:1.5;color:var(--fg-2);max-width:64ch}
.apply-row p b{color:var(--fg);font-weight:600}
.apply-row .apply-toggle{flex:0 0 auto}
.apply-toggle .arr{display:inline-block;transition:transform .45s var(--ease-out)}
.apply.open .apply-toggle .arr{transform:rotate(180deg)}
.apply-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease-out)}
.apply.open .apply-panel{grid-template-rows:1fr}
.apply-panel>div{overflow:hidden;min-height:0}
.apply-inner{display:grid;grid-template-columns:3fr 9fr;gap:24px;padding-top:34px}
.apply-inner .profil-form{grid-column:2}
/* forside: foto fra pladsen i venstre halvdel, formularen presset lidt sammen til højre */
.apply-inner.has-fig{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch}
.apply-inner.has-fig .profil-form{grid-column:2;gap:14px 16px;align-content:start}
.apply-fig{grid-column:1;min-height:420px;height:100%;--pos:50% 42%}
.apply-fig .ann.tl{top:14px;left:14px}

/* ---- teamside: fortsætter "Vil du med?" på samme lyse flade ---- */
.join{padding-bottom:clamp(40px,5vw,64px)}
.profil-team.apply{padding-bottom:clamp(56px,6vw,96px);border-top-color:var(--rule)}
.profil-team .apply-bar>.mono,.profil-team .apply-note{color:var(--fg-2)}

@media (max-width:900px){
  .apply-bar,.apply-inner{grid-template-columns:1fr;gap:14px}
  .apply-inner .profil-form{grid-column:1}
  .apply-inner.has-fig{grid-template-columns:1fr;gap:18px}
  .apply-inner.has-fig .profil-form{grid-column:1;gap:18px 20px}
  .apply-fig{min-height:0;height:auto;aspect-ratio:16/10}
  .profil-form{grid-template-columns:1fr}
  .apply-inner{padding-top:24px}
}
@media (prefers-reduced-motion:reduce){.apply-panel,.apply-toggle .arr{transition:none}}