/* Det, der er særligt for Feeds. Resten kommer fra stil.css (fælles kopi). */

/* Lyst tema, samme farver som kundeservice og pristjekkeren. stil.css har kun det mørke;
   knappen i toppen sætter data-theme på <html>, og valget huskes i browseren. */
:root[data-theme="light"] {
  --bg: #f3f5f9; --side: #ffffff; --flade: #ffffff; --raekke: #eaeff7; --raekke-hover: #dfe6f2;
  --tekst: #1b1e2b; --daemp: #5d6679; --linje: #dde2eb;
  --blaa: #2563eb; --accent-svag: #e7efff; --ok: #1f8a4c; --advar: #a16207; --fejl: #c8102e; --gruppe: #eef1f6;
}
[data-theme="light"] #side { border-right: 1px solid var(--linje); }
[data-theme="light"] .logo img { filter: brightness(0); }
[data-theme="light"] #side nav a:hover { background: var(--raekke); }
[data-theme="light"] #side nav a.aktiv { background: var(--raekke); color: var(--tekst); }
[data-theme="light"] #top { background: #ffffff; }
[data-theme="light"] th { background: #f0f3f8; }
[data-theme="light"] button.graa { color: var(--tekst); }
[data-theme="light"] .infolinje { background: #e8f0ff; color: var(--tekst); }
[data-theme="light"] .advarselslinje { background: #fff4db; color: var(--tekst); }
#loginform a.knap, a.knap { display: inline-block; text-align: center; background: var(--groen); color: #fff; border-radius: 4px; padding: 9px 14px; font-weight: 600; text-decoration: none; }
#loginform a.knap { display: block; }
a.knap:hover { background: var(--groen-moerk); }

.titellinje { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.feedlinje { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.feedlinje a { word-break: break-all; }

.soeg { flex-wrap: wrap; gap: 10px; align-items: center; }
.soeg input[type=text] { flex: 1 1 260px; min-width: 0; }

.stat { display: flex; flex-wrap: wrap; gap: 28px; margin: 14px 0; }
.stat > div { display: flex; flex-direction: column; }
.stat b { font-size: 22px; }

/* Brede tabeller må rulle vandret på en smal skærm i stedet for at sprænge siden. */
.rulletabel { overflow-x: auto; }
.rulletabel table { min-width: 640px; }
.kort table { width: 100%; }
.kort { overflow-x: auto; }
td code { font-size: 12px; }

.om ul li { margin: 4px 0; }

/* Vareopslaget: priser og SKU'er må ikke knække midt i, og tabellen ruller hellere vandret. */
.varetabel { min-width: 760px; }
.varetabel td.tal, .varetabel td code { white-space: nowrap; }

/* Sammenligningen: eksemplerne er lange tekster, som skal knække om i stedet for at rulle. */
td.eksempel { white-space: normal; overflow-wrap: anywhere; min-width: 240px; }
.vareliste { list-style: none; padding: 0; margin: 0; }
.vareliste li { margin: 3px 0; }