@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('https://skolkoll.se/fonts/sora-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url('https://skolkoll.se/fonts/literata-latin.woff2') format('woff2');
}

:root {
  --sk-brand: #0a6b56;
  --sk-brand-strong: #064d3e;
  --sk-brand-dark: #043830;
  --sk-ink: #1a2024;
  --sk-muted: #3d4f54;
  --sk-bg: #f6f7f4;
  --sk-line: #dfe5e2;
}

body,
.body,
input,
button,
textarea {
  font-family: 'Sora', 'Inter', 'Segoe UI', system-ui, sans-serif !important;
  color: var(--sk-ink);
}

.Header__header,
.Header__homeContent {
  background-image: linear-gradient(135deg, rgba(10,107,86,.96), rgba(6,77,62,.96) 52%, rgba(4,56,48,.96)) !important;
  background-color: var(--sk-brand-strong) !important;
}

.Header__header::before,
.Header__homeContent::before {
  background: none !important;
}

.Header__navbar {
  background: rgba(4, 56, 48, .82) !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
}

.Header__name,
.Header__tabs__link,
.LoginDetail__tabLink,
.Header__localeTab {
  color: #fff !important;
}

.Header__searchTitle {
  font-family: 'Literata', Georgia, serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
}

.Header__description {
  font-size: 0 !important;
}
.Header__description::after {
  content: 'Sök i kunskapsbasen eller skicka ett ärende.';
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255,255,255,.96);
}

.SearchContainer__formGroup {
  border-radius: 12px 0 0 12px !important;
  overflow: hidden !important;
}
.Input__headerSearch {
  min-height: 54px !important;
  padding-inline: 18px !important;
  font-size: 15px !important;
}
.SearchContainer__searchIcon,
.commonStyle__zt3BrandBg {
  background: var(--sk-brand) !important;
}
.SearchContainer__searchIcon {
  min-width: 56px !important;
  border-radius: 0 12px 12px 0 !important;
}

.ModuleCont__moduleCont {
  background: var(--sk-bg) !important;
  padding: 56px 24px !important;
}
.ContentBox__boxInnerHome {
  background: #fff !important;
  border: 1px solid var(--sk-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.05), 0 1px 4px rgba(0,0,0,.03) !important;
  padding: 32px 24px !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}
.ContentBox__boxInnerHome:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08), 0 1px 6px rgba(0,0,0,.04) !important;
}
.ContentBox__headerMid {
  font-family: 'Sora', 'Inter', system-ui, sans-serif !important;
  color: var(--sk-ink) !important;
  font-weight: 700 !important;
}
.ContentBox__boxInnerHome p,
.ContentBox__boxInnerHome div {
  color: var(--sk-muted) !important;
}

.Footer__footerBg {
  background: var(--sk-bg) !important;
  border-top: 1px solid var(--sk-line) !important;
}
.Footer__footerQus {
  color: var(--sk-ink) !important;
  font-family: 'Literata', Georgia, serif !important;
  font-weight: 700 !important;
}
.Footer__footerDescription {
  font-size: 0 !important;
}
.Footer__footerDescription::after {
  content: 'Beskriv vad som behöver rättas eller vad du behöver hjälp med, så återkommer vi.';
  font-size: 14px;
  line-height: 1.5;
  color: var(--sk-muted);
}
.Button__footerBtn,
.Button__btnFont,
.zcb-button-primary {
  background: var(--sk-brand) !important;
  border-color: var(--sk-brand) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.Button__footerBtn:hover,
.Button__btnFont:hover,
.zcb-button-primary:hover {
  background: var(--sk-brand-strong) !important;
  border-color: var(--sk-brand-strong) !important;
}
.Footer__footerCopyrigt {
  display: none !important;
}

.zcbanner,
.zcb-cookie-banner,
#zcbanner,
#zc-cmp-ui {
  font-family: 'Sora', 'Inter', system-ui, sans-serif !important;
}
.zcb-button-secondary {
  border-radius: 999px !important;
}

a,
.Link__link {
  color: var(--sk-brand) !important;
}

@media (max-width: 720px) {
  .Header__searchTitle {
    font-size: 30px !important;
  }
  .ModuleCont__moduleCont {
    padding: 32px 16px !important;
  }
  .ContentBox__boxInnerHome {
    padding: 24px 18px !important;
  }
}


/* Skolkoll: make ticket creation discoverable from the Help Center home page. */
.Footer__footerContent a[href*="/newticket"],
.Footer__footerContent .Button__footerBtn {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 9999 !important;
  background: var(--sk-brand) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 36px rgba(4, 56, 48, 0.24) !important;
  padding: 12px 18px !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 700 !important;
}

.Footer__footerContent a[href*="/newticket"]:hover,
.Footer__footerContent .Button__footerBtn:hover {
  background: var(--sk-brand-strong) !important;
}

#dropdown_list_category [data-id="category_General"],
#dropdown_list_category [data-id="category_Defects"],
#dropdown_list_category [data-id="category_vRättelse"],
#dropdown_list_category [data-id="category_nnat"] {
  display: none !important;
}

#dropdown_selected_category [data-id="category_General"] .DropDown__selectedContent {
  font-size: 0 !important;
}

#dropdown_selected_category [data-id="category_General"] .DropDown__selectedContent::after {
  content: 'Välj kategori';
  color: #667085;
  font-size: 15px;
}

@media (max-width: 640px) {
  .Footer__footerContent a[href*="/newticket"],
  .Footer__footerContent .Button__footerBtn {
    right: 16px !important;
    bottom: 16px !important;
    padding: 11px 15px !important;
  }
}


/* Keep the floating ticket button above the cookie banner. */
.Footer__footerContent a[href*="/newticket"],
.Footer__footerContent .Button__footerBtn {
  bottom: 76px !important;
}

@media (max-width: 640px) {
  .Footer__footerContent a[href*="/newticket"],
  .Footer__footerContent .Button__footerBtn {
    bottom: 76px !important;
  }
}