/* =========================================================
   Cars & Care · erhverv.css
   Kun til erhverv.html. Linkes efter site.css.
   Bruger udelukkende tokens og temavariabler fra site.css.

   Indhold
    1  Sidehoved: foto i højre kant
    2  Det kan I få en aftale om: liste og lokale partnere
    3  Det kan I regne med: faktalinjer
    4  Udvalgte kunder: logovæg på én række og citat
    5  Tag kontakt: kontaktkort og formular
   ========================================================= */

/* Trykflade: selvstændige links får mindst 44 px højde (WCAG, mål for hele sitet) */
main .link { min-height: 44px; }

/* ---------- 1  Sidehoved ---------- */
/* Den lette del af titlen starter på en ny linje, så titlen brydes roligt */
.erh-head__light { display: block; }
.erh-head__media { display: flex; justify-content: flex-end; }
.erh-head__media .photo { width: 100%; }

/* ---------- 2  Aftaler ---------- */
.erh-deals { align-items: start; }
/* Én linje pr. aftale med hårstreger, ikke kort */
.erh-deals__list { gap: 0; border-top: 1px solid var(--line-strong); }
.erh-deals__list li { padding-block: var(--space-4); border-bottom: 1px solid var(--line); font-size: 1.0625rem; }
.erh-deals__list li > .icon { top: calc(var(--space-4) + .15em); }
.erh-deals__list .list-check__sub { margin-top: .25rem; font-size: 1rem; }
.erh-deals__price { margin-top: var(--space-5); font-size: 1.125rem; font-weight: 650; color: var(--fg); }
.erh-partners__title { font-size: var(--fs-h3); font-weight: 650; letter-spacing: -.015em; line-height: 1.3; }
.erh-partners .notice__text { margin-top: var(--space-2); color: var(--fg-muted); }

/* ---------- 3  Det kan I regne med ---------- */
.erh-facts { align-items: start; }
.erh-facts__list { row-gap: 0; border-top: 1px solid var(--line-strong); }
.erh-facts__list li { padding-block: var(--space-4); border-bottom: 1px solid var(--line); }
.erh-facts__list li > .icon { top: calc(var(--space-4) + .12em); }

/* ---------- 4  Udvalgte kunder ---------- */
.erh-logos { grid-template-columns: repeat(6, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.erh-logos .logo-wall__item { min-height: 128px; font-size: 1rem; }
.erh-clients__foot { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-5) var(--space-8); align-items: end; margin-top: var(--space-7); }
.erh-clients__foot .ph-note { margin-top: 0; }

/* ---------- 5  Tag kontakt ---------- */
.erh-quote { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-6) var(--space-7); align-items: start; }
.erh-quote__aside { position: sticky; top: calc(var(--header-h) + var(--space-5)); }
.erh-quote__notes { display: grid; gap: var(--space-2); margin-top: var(--space-5); }
.erh-quote__notes .ph-note { margin-top: 0; }
.erh-single { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--space-4); margin-top: var(--space-5); font-size: var(--fs-small); color: var(--fg-muted); }

/* Kontaktkort til erhverv (mørkt kort i den lyse sektion) */
.biz-card { border-radius: var(--radius-lg); padding: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.biz-card__person { display: flex; align-items: center; gap: var(--space-4); }
.biz-card__avatar { display: grid; place-items: center; width: 56px; height: 56px; flex: none; border-radius: 50%; background: var(--ph-bg); box-shadow: inset 0 0 0 1px var(--ph-line); color: var(--ph-fg); }
.biz-card__name { font-weight: 650; color: var(--fg); line-height: 1.4; }
.biz-card__role { margin-top: .2rem; font-size: var(--fs-small); color: var(--fg-muted); }
.biz-card__list { margin-top: var(--space-5); border-top: 1px solid var(--line); }
.biz-card__list li { display: flex; align-items: center; gap: .75rem; min-height: 52px; padding-block: .4rem; border-bottom: 1px solid var(--line); font-size: var(--fs-small); color: var(--fg-muted); }
.biz-card__list li:last-child { border-bottom: 0; }
.biz-card__list .icon { width: 18px; height: 18px; color: var(--link); }
.biz-card__list a { display: inline-flex; align-items: center; min-height: 44px; color: var(--fg); font-weight: 650; font-size: 1rem; border-radius: 4px; overflow-wrap: anywhere; text-decoration: underline; text-decoration-color: var(--control); text-decoration-thickness: 1px; text-underline-offset: .28em; transition: text-decoration-color var(--dur) var(--ease); }
.biz-card__list a:hover { text-decoration-color: currentColor; }

/* Formularen */
.erh-form__actions { padding-top: var(--space-5); border-top: 1px solid var(--line); }
.erh-thanks__facts { width: 100%; margin-top: var(--space-2); }
.erh-thanks__facts dd { max-width: 70%; }

/* ---------- Brud ---------- */
@media (max-width: 1080px) {
  .erh-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 959px) {
  .erh-head__media { justify-content: flex-start; }
  .erh-clients__foot { grid-template-columns: minmax(0, 1fr); }
  .erh-quote { grid-template-columns: minmax(0, 1fr); }
  .erh-quote__aside { position: static; }
}
/* Tablet: kontaktkortet i to kolonner, så det ikke bliver en bred mørk flade */
@media (min-width: 641px) and (max-width: 959px) {
  .biz-card { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-7); align-items: center; }
  .biz-card__list { margin-top: 0; }
}
@media (max-width: 640px) {
  .erh-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .erh-logos .logo-wall__item { min-height: 96px; }
  .erh-thanks__facts dd { max-width: 60%; }
}