/* UDKAST – sidespecifik CSS for de engelske sider (/en). Lægges efter udkast.css.
   Kun små tilpasninger; alle byggeklodser kommer fra udkast.css. */

/* tal-strip med 6 tal (forsiden) */
.ux-stats.en-stats6 { grid-template-columns: repeat(6, 1fr); }
.en-stats6 div + div { padding-left: 22px; }
.en-stats6 b { font-size: 27px; }

/* advarsel med fold-ud på lys baggrund */
.en-alert { align-items: flex-start; }
.en-alert .alert-more li { color: var(--muted); }
.en-alert .alert-more a { color: var(--teal-d); }
.en-alert-link { margin-top: 12px; }

/* feature-række hvor mediet er et kort (ikke en telefon) */
.ux-feat-media.en-feat-panel { min-height: 0; display: block; }
.ux-feat-media.en-feat-panel::before { width: 360px; height: 360px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.en-feat-panel > * { position: relative; }
.ux-site .en-feat-panel .info-card { background: #fff; border: 1px solid var(--border); border-radius: var(--ux-r); box-shadow: var(--ux-shadow); padding: 32px; margin-bottom: 0; }

/* centreret CTA-sektion (navy) */
.ux-sec--navy > .ux-wrap { position: relative; }
.en-center .ux-ctas { justify-content: center; }
.en-center .ux-head { margin-bottom: 0; }
.en-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(0,201,167,.14); color: var(--teal); font-size: 12px; font-weight: 700; letter-spacing: .6px; padding: 7px 14px; border-radius: 100px; margin-bottom: 18px; }
.en-badge::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--teal); }
.ux-sec--navy + .ux-final { padding-top: 110px; }

/* lys CTA-række under en sektion */
.en-sec-ctas { justify-content: center; }
.en-note { margin-top: 26px; text-align: center; }

/* afslutning: punkter under teksten */
.ux-final-copy .ux-checks { margin-top: 20px; }

/* kontakt */
.en-contact { align-items: start; }
.en-form-card { background: #fff; border: 1px solid var(--border); border-radius: var(--ux-r); padding: 34px; box-shadow: var(--ux-shadow); }
.en-contact h3.en-h3 { font-size: 22px; margin-bottom: 18px; }
.en-contact .field input, .en-contact .field select, .en-contact .field textarea { border-radius: 12px; padding: 13px 15px; background: var(--off); }
.en-contact .field input:focus, .en-contact .field select:focus, .en-contact .field textarea:focus { background: #fff; }
.en-contact button.btn-navy[type="submit"] { border-radius: 12px; padding: 16px 26px; background: var(--amber); color: var(--navy); box-shadow: 0 16px 36px -14px rgba(245,166,35,.8); }
.en-contact .person-card { border-radius: var(--ux-r); }
.ux-site .en-contact .info-card { background: #fff; border: 1px solid var(--border); border-radius: var(--ux-r); }
.en-contact .info-card .btn-navy { border-radius: 12px; }
.en-contact .info-card.en-accent { background: linear-gradient(135deg, #0A2540, #0f3a5f 60%, #00907A 140%); border: none; }
.en-contact .info-card.en-accent h3 { color: #fff; }
.en-contact .info-card.en-accent p { color: rgba(255,255,255,.75); }
.en-contact .info-card.en-accent .btn-navy { background: var(--teal); color: var(--navy); }

@media (max-width: 1050px) {
  .ux-stats.en-stats6 { grid-template-columns: 1fr 1fr; }
  .en-stats6 div + div { padding-left: 22px; border-left: 1px solid rgba(255,255,255,.1); }
  .en-stats6 div:nth-child(odd) { padding-left: 0; border-left: none; }
  .en-stats6 div:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1); }
  .ux-sec--navy + .ux-final { padding-top: 80px; }
  .en-form-card { padding: 26px 20px; }
}
@media (max-width: 560px) {
  .en-alert { flex-direction: column; }
  .en-contact .person-card { flex-direction: column; text-align: center; }
  .en-contact .person-contact a { justify-content: center; }
  .en-contact .info-card .btn-navy { display: block; text-align: center; }
}

/* fremhævet afslutningslinje i feature-tekst (om os) */
.ux-feat-copy p.lead-strong { color: var(--navy); font-weight: 600; margin-top: 16px; }

/* lys sektion lige efter en hvid sektion: behold luft i toppen (udkast.css nulstiller ellers padding-top) */
.ux-sec--white + .ux-sec:not(.ux-sec--white):not(.ux-sec--navy) { padding-top: 100px; }
@media (max-width: 1050px) { .ux-sec--white + .ux-sec:not(.ux-sec--white):not(.ux-sec--navy) { padding-top: 72px; } }

/* "Who uses Soundhero" (om os): 8 korte kort, to pr. række på mobil */
@media (max-width: 1050px) {
  .ux-cards--4.en-uses { grid-template-columns: 1fr 1fr; gap: 12px; }
  .en-uses .ux-b { padding: 22px 18px; }
}
@media (max-width: 400px) { .en-uses .ux-b h3 { font-size: 16px; } .en-uses .ux-b p { font-size: 13.5px; } }