:root {
  --nh-red: #e30613;
  --nh-red-dark: #b9000a;
  --nh-black: #151515;
  --nh-soft: #f6f6f6;
}

/* Nya Hemtjänstens visuella profil */
body { background: var(--nh-soft); }
a { color: var(--nh-red); }
a:hover { color: var(--nh-red-dark); }

.page-header,
.page-header .header-wrap,
.header-wrap { background: #fff; border-bottom-color: #e5e5e5; }

.page-header .logo img,
.page-header-logo img,
.logo img {
  width: 74px !important;
  height: 74px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  transform: scale(1.62);
  transform-origin: center;
}

.page-header .logo,
.page-header-logo,
.logo {
  width: 126px !important;
  height: 56px !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-sidebar,
.page-sidebar .sidebar-inner { background: var(--nh-black); }
.page-sidebar a,
.page-sidebar a *,
.page-sidebar span,
.page-sidebar .material-icons { color: #e8e8e8 !important; }
.page-sidebar a:hover,
.page-sidebar .active > a,
.page-sidebar .selected > a { background: var(--nh-red); color: #fff; }

.page-sidebar a:hover *,
.page-sidebar .active > a *,
.page-sidebar .selected > a * { color: #fff !important; }

.page-header .button-link.sign-in,
.page-header .button-link.sign-up,
.page-header .button-link.register-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  line-height: 28px !important;
  border-radius: 4px !important;
}

body.dark_theme { background: #1c1c1c; color: #eeeeee; }
body.dark_theme .page-header,
body.dark_theme .page-header .header-wrap,
body.dark_theme .header-wrap {
  background: #202020;
  border-bottom-color: #333333;
}
body.dark_theme .media-list-header h2,
body.dark_theme .page-title { color: #f2f2f2; }

button,
.button-link,
.primary-button,
input[type="submit"] {
  border-radius: 5px;
}

.button-link,
.primary-button,
button[type="submit"],
input[type="submit"] {
  background-color: var(--nh-red) !important;
  border-color: var(--nh-red) !important;
  color: #fff !important;
}

.button-link:hover,
.primary-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: var(--nh-red-dark) !important;
  border-color: var(--nh-red-dark) !important;
}

.page-header .button-link.sign-in,
.page-header .button-link.register-link {
  border: 1px solid var(--nh-black) !important;
  box-sizing: border-box;
}

.page-header .button-link.register-link {
  margin-left: 8px !important;
}

.media-list-header h2,
.page-title { color: var(--nh-black); }
.media-list-header h2::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 7px;
  background: var(--nh-red);
}

.sidebar-bottom-info,
.sidebar-footer { color: #fff; }
.sidebar-bottom-info a,
.sidebar-footer a { color: #fff; }

/* Dölj kvarvarande produktnamn från den publika portalen. */
a[href*="mediacms.io"] { display: none !important; }

@media (max-width: 640px) {
  .page-header .logo img,
  .page-header-logo img,
  .logo img { width: 64px !important; height: 64px !important; transform: scale(1.5); }
}
