/* «Mine motorer» og Motoropslag (fra udviklingen, 10-10-2026) */
:root{--radius:8px;--skygge:0 1px 2px rgba(20,34,56,.06),0 4px 14px rgba(20,34,56,.06);--skygge2:0 6px 22px rgba(20,34,56,.12)}
/* ---------- Mine motorer (udvikling 08-10) ---------- */
.tabs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.motorskib{margin:0 0 26px}
.motorskib h3{font-family:NHmd;font-weight:400;font-size:17px;margin:0 0 12px;display:flex;gap:10px;align-items:center;text-transform:uppercase}
.motorskib h3 i{color:var(--blaa);font-size:15px}
.motorgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.motorkort{display:block;border:1px solid #e3e6ea;border-radius:var(--radius);padding:14px 16px;background:#fff;box-shadow:var(--skygge);transition:box-shadow .2s,transform .2s,border-color .2s}
.motorkort:hover{box-shadow:var(--skygge2);transform:translateY(-2px);border-color:var(--groen)}
.motorkort.uden{opacity:.75}
.motorkort .mt,.motorhoved .mt{font-family:NHmd;font-size:17px}
.motorkort .mnr{font-size:14px;margin-top:2px}
.motorkort .mi,.motorhoved .mi{font-size:12.5px;color:var(--mut);margin-top:4px;min-height:16px}
.motorkort .md{margin-top:10px}
.chip{display:inline-block;font-size:11.5px;padding:3px 9px;border-radius:12px;background:#eef0f3;color:var(--mut)}
.chip.g{background:#e7f6ee;color:#0b7a3e}
.motorhoved{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid #e3e6ea;border-radius:var(--radius);background:linear-gradient(90deg,#f6f9fc,#fff);margin-bottom:10px}
.motorgruppe{margin:0 0 24px}
.mpris{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;white-space:nowrap}
.mpris b{font-family:NHmd;font-weight:400;font-size:15px}
.mpris small{font-size:11.5px;color:var(--mut)}
@media(max-width:700px){.mpris{align-items:flex-start}}
.motorgruppe.pak{border:1px solid #cfe9da;background:#f4fbf7;border-radius:var(--radius);padding:12px 14px}
.motorgruppe.pak h3 i{color:var(--groen)}
.motorgruppe h3{font-family:NHmd;font-weight:400;font-size:15px;margin:0 0 6px;text-transform:uppercase}
table.motortabel td{padding:10px 8px}
/* ens kolonner i alle grupper (før beregnede hver tabel sine egne bredder, så kolonnerne flyttede sig) */
table.motortabel:not(.ikke){table-layout:fixed}
table.motortabel col.k-valg{width:40px}
table.motortabel col.k-ant{width:110px}
table.motortabel col.k-lager{width:90px}
table.motortabel col.k-pris{width:200px}
table.motortabel col.k-antal{width:150px}
table.motortabel .vnavn{overflow-wrap:anywhere}
.delaf{font-size:11.5px;color:var(--mut);margin-top:2px}
.ikkeliste summary{cursor:pointer;list-style:none;padding:10px 12px;background:#f6f7f9;border-radius:var(--radius)}
.ikkeliste summary::-webkit-details-marker{display:none}
.ikkeliste summary::before{content:'▸ ';color:var(--mut)}
.ikkeliste[open] summary::before{content:'▾ '}
table.motortabel.ikke td{padding:7px 8px;font-size:14px}
@media(max-width:700px){table.motortabel.ikke tr{grid-template-columns:1fr auto}table.motortabel.ikke td:nth-child(2){grid-column:1 / 3}table.motortabel.ikke td:nth-child(3)::before{content:none}table.motortabel.ikke td{grid-column:auto;grid-row:auto}}
table.motortabel .thumb{padding:0!important;object-fit:contain;flex:0 0 44px;width:44px;height:44px;margin-right:12px;background:#fff;border-radius:4px;position:relative;transition:transform .15s,box-shadow .15s}
/* billedet forstørres, når musen holdes over (kun skærme med mus) */
@media(hover:hover){table.motortabel .thumb:hover{transform:scale(5);transform-origin:left center;z-index:30;box-shadow:0 6px 24px rgba(20,34,56,.25);border:1px solid #e3e6ea}}
table.motortabel td:nth-child(2){position:relative}
@media(max-width:700px){
  .motorgrid{grid-template-columns:1fr 1fr;gap:10px}
  .motorkort{padding:11px 12px}
  .motorkort .mt{font-size:15px}
  table.motortabel tr:first-child{display:none}
  table.motortabel,table.motortabel tbody{display:block}
  table.motortabel tr{display:grid;grid-template-columns:28px 1fr auto;gap:6px 10px;padding:12px 6px;border-bottom:1px solid #eef0f3}
  table.motortabel td{border:0;padding:0;text-align:left!important}
  table.motortabel td:nth-child(2){grid-column:2 / 4}
  table.motortabel td:nth-child(3){grid-column:2}
  table.motortabel td:nth-child(3)::before{content:'I anlægget: ';color:var(--mut);font-size:12px}
  html[lang=en] table.motortabel td:nth-child(3)::before{content:'In set: '}
  table.motortabel td:nth-child(4){grid-column:3;grid-row:3}
  table.motortabel td:nth-child(5){grid-column:2;font-family:NHmd}
  table.motortabel td:nth-child(6){grid-column:3}
}
@media(hover:hover) and (min-width:701px){.motorgruppe .tw{overflow:visible}}
/* ★ 10-10: menuen fik «Motoropslag» – hold punkterne på én linje («LOG UD» brækkede ved 1366 px) */
nav.menu a,nav.menu button{white-space:nowrap}
@media(max-width:1440px) and (min-width:641px){nav.menu{gap:14px;font-size:14px}}
