/* =============================================================
   ORDRER - se ordrer.js. Bygger på skallens klasser (app.css) og
   kundernes (kontakter.css: kt-kort, kt-grid, kt-tidslinje, kt-blad);
   her står kun det, de ikke dækker. Al farve kommer fra skallens
   variabler, så lys og mørk følger med. Alt ligger under .or-rum.
   ============================================================= */
.or-tal{ display:flex; flex-wrap:wrap; gap:.8rem; margin:0 0 1rem; }
.or-talboks{ flex:1 1 14rem; margin:0; padding:.8rem 1rem; }
.or-talboks strong{ display:block; font-size:1.5rem; line-height:1.3; overflow-wrap:anywhere; }
.or-valg select{ flex:0 1 auto; width:auto; max-width:100%; }
.or-dato{ display:inline-flex; align-items:center; gap:.4rem; white-space:nowrap; }
.or-dato input{ width:auto; }
.or-tabel td small{ overflow-wrap:anywhere; }
.or-maerke{ display:inline-block; font-size:.75rem; font-weight:600; padding:.05rem .55rem; margin:0 .25rem .15rem 0; border-radius:1rem; border:1px solid var(--kant); color:var(--daempet); white-space:nowrap; }
.or-betalt{ border-color:var(--god); color:var(--god); }
.or-afventer, .or-skal{ border-color:var(--advarsel); color:var(--advarsel); }
.or-fejlet, .or-annulleret, .or-udloebet, .or-mailfejl{ border-color:var(--fejl); color:var(--fejl); }
.or-refunderet, .or-delvist_refunderet{ border-color:var(--farve); color:var(--farve); }
.or-test{ border-style:dashed; color:var(--tekst); }
.or-hoved{ gap:.3rem; }
.or-to{ display:grid; grid-template-columns:repeat(auto-fit, minmax(17rem, 1fr)); gap:0 1.2rem; }
.or-to p{ margin:0 0 .6rem; overflow-wrap:anywhere; }
.or-adresse{ white-space:pre-line; }
.or-linjer{ width:100%; border-collapse:collapse; }
.or-linjer td{ padding:.35rem .4rem; border-bottom:1px solid var(--kant); vertical-align:top; overflow-wrap:anywhere; }
.or-linjer td:first-child{ width:3rem; color:var(--daempet); white-space:nowrap; }
.or-beloeb{ text-align:right; white-space:nowrap; }
.or-fed td{ font-weight:700; }
.or-filer{ margin:.6rem 0 0; }
.or-handlinger{ display:grid; grid-template-columns:repeat(auto-fit, minmax(19rem, 1fr)); gap:0 1.2rem; }
.or-rum .kt-post strong{ display:block; }
.or-drift{ margin:0 0 1rem; padding:.6rem 1rem; }
.or-drift > summary{ cursor:pointer; font-weight:600; }
.or-driftliste{ list-style:none; margin:.4rem 0 0; padding:0; max-height:18rem; overflow:auto; }
.or-driftliste li{ padding:.4rem 0; border-top:1px solid var(--kant); overflow-wrap:anywhere; }
.or-rum .afkryds input{ width:auto; }
.or-mail .besked, .or-forsendelse .besked{ margin:0 0 .4rem; min-height:0; }
.kt-post.or-h-betalt::before{ background:var(--god); }
.kt-post.or-h-refusion::before{ background:var(--farve); }
.kt-post.or-h-fejlet::before, .kt-post.or-h-annulleret::before, .kt-post.or-h-udloebet::before, .kt-post.or-h-afvigelse::before{ background:var(--fejl); }
.kt-post.or-h-sendt::before{ background:var(--advarsel); }
@media (max-width:760px){
  .or-valg > *{ flex:1 1 100%; }
  .or-dato{ justify-content:space-between; }
  .or-to, .or-handlinger{ grid-template-columns:1fr; }
}
/* Abonnement og afdrag på ordrekortet (0012) */
.or-abo-data{ display:grid; grid-template-columns:max-content 1fr; gap:.2rem .9rem; margin:0 0 .7rem; }
.or-abo-data dt{ color:var(--daempet); }
.or-abo-data dd{ margin:0; overflow-wrap:anywhere; }
.or-abo-betalinger{ margin:0 0 .7rem; }
.or-abo-betalinger td:first-child{ width:auto; }
.or-abo{ border-color:var(--farve); color:var(--farve); }