/* Qvantum KB theme — one file for all five knowledge bases (en, sv, de, nl, pl).
   Linked from each KB: Settings > Knowledge base settings > Template > Custom HTML > Knowledge base pages header HTML.
   Update: File Manager > this file > Replace (keeps the URL). Source of truth: assets/kb-theme/kb-theme.css in crm-os. */
@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;600&display=swap");

/* ===== Qvantum KB theme overrides v3 (warm) — crm-os 2026-05-29 ===== */

/* 1 ── VARIABLE OVERRIDES — scoped to .theme-overrides (the body + wrapper carry it),
        so these beat the theme by equal/higher specificity + later source order. */
body.theme-overrides,
.theme-overrides {
  /* Fonts → Host Grotesk */
  --primary-body-font-family:     "Host Grotesk", "Segoe UI", system-ui, sans-serif;
  --secondary-header-font-family: "Host Grotesk", "Segoe UI", system-ui, sans-serif;
  --secondary-header-font-weight: 400;          /* was Rubik 700 */

  /* Page background: warm off-white (was cool grey) */
  --body-bg-color: #F7F5F0;

  /* Links: navy (primary action colour) */
  --a-primary-body-font-color:       #002656;
  --a-hover-primary-body-font-color: #003580;

  /* Footer: warm beige with dark text (was heavy black) */
  --footer-bg-color:              #E5E6DF;
  --footer-font-color:            #6b6259;
  --footer-menu-font-color:       #6b6259;
  --footer-menu-hover-font-color: #232222;

  /* Category tiles — softer corners, warm tint */
  --hs-kb-home-tiles-corner-radius:    14px;
  --hs-kb-home-tiles-background-color: #FFFFFF;
  --hs-kb-card-highlight-border-color: #FF8D5A;   /* warm accent */
}

/* 2 ── Heading weight (brand: 400, theme ships 700) */
.theme-overrides h1, .theme-overrides h2,
.theme-overrides h3, .theme-overrides h4 { font-weight: 400; }
.theme-overrides h5, .theme-overrides h6 { font-weight: 600; }

/* 3 ── Header: white bar, warm hairline */
.theme-overrides .header,
.theme-overrides .header__top,
.theme-overrides .header__bottom { background-color: #FFFFFF; }
.theme-overrides .header { border-bottom: 1px solid #e2ded4; box-shadow: none; }

/* 4 ── Search input */
.theme-overrides .hs-search-field__input {
  border:        1.5px solid #e2ded4;
  border-radius: 12px;
  background:    #FFFFFF;
  color:         #232222;
  padding:       14px 20px;
  box-shadow:    0 1px 2px rgba(35,34,34,.03), 0 8px 24px rgba(35,34,34,.06);
}
.theme-overrides .hs-search-field__input:focus { border-color: #FF8D5A; outline: none; }
.theme-overrides .hs-search-field__input::placeholder { color: #6b6259; }

/* 5 ── Search button (navy = primary action) */
.theme-overrides .hs-search-field__button {
  background-color: #002656;
  border: none; border-radius: 9px; color: #FFFFFF; font-weight: 600;
}
.theme-overrides .hs-search-field__button:hover { background-color: #003580; }

/* 6 ── Category cards — warm, soft, orange highlight on hover */
.theme-overrides .hs-kb-home-list__category {
  background:    #FFFFFF;
  border:        1px solid #e2ded4;
  border-radius: 14px;
  box-shadow:    0 1px 2px rgba(35,34,34,.03), 0 12px 34px rgba(35,34,34,.07);
  transition:    border-color .15s, transform .15s;
}
.theme-overrides .hs-kb-home-list__category:hover {
  border-color: #FF8D5A;
  transform: translateY(-2px);
}
.theme-overrides .hs-kb-home-list__icon { color: #002656; }

/* 7 ── Footer: warm beige, dark text */
.theme-overrides .footer { background-color: #E5E6DF; }
.theme-overrides .footer a:hover,
.theme-overrides .footer__menu-link:hover { color: #232222; }
.theme-overrides .footer__bottom { border-top: 1px solid rgba(35,34,34,.10); }
.theme-overrides .hs-kb-social_follow__link { color: #6b6259; }
.theme-overrides .hs-kb-social_follow__link:hover { color: #232222; }


/* ===== Qvantum KB theme overrides v3 — Part 2 (inner pages, warm) — crm-os 2026-05-29 ===== */

/* Header CTA button → navy (was red accent), for consistency with search button */
body.theme-overrides,
.theme-overrides {
  --header-button-background-color:       #002656;
  --header-button-hover-background-color:  #003580;
}

/* 8 ── Breadcrumbs (article + category pages) */
.theme-overrides .hs-kb-breadcrumb-container { font-size: 13px; color: #6b6259; }
.theme-overrides .hs-kb-breadcrumb-container a { color: #002656; text-decoration: none; }
.theme-overrides .hs-kb-breadcrumb-container a:hover { text-decoration: underline; }

/* 9 ── Sidebar panel (article + category layout) */
.theme-overrides .hs-kb-sidebar {
  background: #FFFFFF;
  border: 1px solid #e2ded4;
  border-radius: 14px;
  padding: 12px 10px;
}

/* 10 ── Category accordion nav (links in the sidebar) */
.theme-overrides .hs-kb-category-accordion_link {
  color: #232222;
  border-radius: 8px;
  padding: 7px 12px;
  display: block;
  transition: background .12s, color .12s;
}
.theme-overrides .hs-kb-category-accordion_link:hover {
  background: #F1ECE2;          /* warm sand */
  color: #002656;
}

/* 11 ── Article / category body typography (the readability layer) */
.theme-overrides .hs-kb-content h2 {
  font-size: 30px; font-weight: 400; color: #232222; margin: 1.4em 0 .5em;
}
.theme-overrides .hs-kb-content h3 {
  font-size: 22px; font-weight: 600; color: #232222; margin: 1.2em 0 .4em;
}
.theme-overrides .hs-kb-content p,
.theme-overrides .hs-kb-content li {
  font-size: 16px; line-height: 1.62; color: #232222;
}
.theme-overrides .hs-kb-content a { color: #002656; }
.theme-overrides .hs-kb-content blockquote {
  border-left: 3px solid #FF8D5A;       /* warm accent rule */
  background: #FBF4EC;
  padding: 12px 18px; margin: 1.2em 0;
  border-radius: 0 8px 8px 0;
}
.theme-overrides .hs-kb-content code {
  background: #F1ECE2; padding: 2px 6px; border-radius: 4px; font-size: .9em;
}
.theme-overrides .hs-kb-content pre {
  background: #F1ECE2; padding: 16px; border-radius: 10px; overflow: auto;
}
.theme-overrides .hs-kb-content img { border-radius: 10px; }
.theme-overrides .hs-kb-content table { border-collapse: collapse; width: 100%; }
.theme-overrides .hs-kb-content th,
.theme-overrides .hs-kb-content td {
  border: 1px solid #e2ded4; padding: 9px 13px; text-align: left;
}
.theme-overrides .hs-kb-content th { background: #F1ECE2; font-weight: 600; }

/* 12 ── Generic buttons across the KB (contact CTA, etc.) */
.theme-overrides .button {
  background: #002656; color: #FFFFFF; border: none; border-radius: 9px;
  font-weight: 600; font-family: var(--primary-body-font-family);
}
.theme-overrides .button:hover { background: #003580; }

/* ===== Qvantum KB theme overrides v5 — Part 3 (qvantum.com support look) — crm-os 2026-10-22 ===== */
/* Source: https://www.qvantum.com/sv/support/ (WordPress theme "qvantum" + Stackable cards), read 2026-10-22.
   Replaces v4 (blueprint look). Overrides parts of Part 1 + 2 above. */
body.theme-overrides,
.theme-overrides {
  --body-bg-color: #F4F4F4;
  --hs-kb-home-tiles-background-color: #F4F4F4;
  --a-hover-primary-body-font-color: #002656;
  --footer-bg-color: #F4F4F4;
  --footer-font-color: #232222;
  --footer-menu-font-color: #232222;
  --hs-kb-home-tiles-corner-radius: 12px;
  --hs-kb-card-highlight-border-color: #E5E6DF;
  --bg-color-active: #E5E6DF;
}
body.theme-overrides { background-color: #F4F4F4; }
.theme-overrides { color: #232222; }
.theme-overrides h1, .theme-overrides h2,
.theme-overrides h3, .theme-overrides h4 { font-weight: 400; color: #232222; }

/* Header: white bar, like qvantum.com */
.theme-overrides .header,
.theme-overrides .header__top,
.theme-overrides .header__bottom { background-color: #FFFFFF; }
.theme-overrides .header { border-bottom: 0; box-shadow: none; }
.theme-overrides .header__logo-image { height: 38px; width: auto; }

/* Hero: same grey as the page, big left-aligned heading, search below it */
.theme-overrides .hs-kb-search-input-wrapper { background: #F4F4F4; padding: 64px 50px 8px; }
.theme-overrides .hs-search-field { max-width: 1100px; margin: 0 auto; }
.theme-overrides .hs-kb-search-input-wrapper .hs-search-field__bar { max-width: none; justify-content: flex-start; }
.theme-overrides .hs-search-field__form { position: relative; width: 100%; max-width: none; }
.theme-overrides .hs-search-field__input { max-width: 640px; }
.theme-overrides .hs-search-field__label {
  display: block; text-align: left; font-size: clamp(2.2rem, 4.4vw, 3.2rem); line-height: 1.1;
  font-weight: 400; color: #232222; margin-bottom: 28px; padding-top: 16px;
}
.theme-overrides .hs-search-field__input {
  height: 54px; border: 1px solid #FFFFFF; border-radius: 12px;
  box-shadow: 0 5px 25px 0 #E5E6DF;
  padding: 0 60px 0 20px; font-size: 1rem; color: #232222; background: #FFFFFF;
}
.theme-overrides .hs-search-field__input:focus { border-color: #002656; box-shadow: 0 0 0 3px rgba(0,38,86,.15); outline: none; }
.theme-overrides .hs-search-field__input::placeholder { color: #67635E; }
.theme-overrides .hs-kb-search-input-wrapper .hs-search-field__bar .hs-search-field__button {
  position: absolute; left: min(calc(100% - 47px), 593px); right: auto; top: auto; bottom: 7px; width: 40px; height: 40px;
  background: transparent; border-radius: 8px; box-shadow: none;
}
.theme-overrides .hs-kb-search-input-wrapper .hs-search-field__bar .hs-search-field__button:hover { background: #E5E6DF; }
.theme-overrides .hs-kb-search-input-wrapper .hs-search-field__bar .hs-search-field__button svg { height: 18px; fill: #232222; }

/* Inner pages (category, article): smaller heading, less space above the content */
body.theme-overrides:not(.hs-knowledge-listing-page) .hs-kb-search-input-wrapper { padding-top: 40px; padding-bottom: 0; }
body.theme-overrides:not(.hs-knowledge-listing-page) .hs-search-field__label { font-size: 1.75rem; margin-bottom: 18px; padding-top: 0; }

/* Category cards: white and beige in turn, icon in its own column, soft beige shadow, grow on hover */
.theme-overrides.hs-knowledge-listing-layout--tiles #main-content,
.theme-overrides .hs-knowledge-listing-layout--tiles #main-content { background-color: #F4F4F4; }
.theme-overrides .hs-kb-home-list.hs-kb-home-list--tiles {
  max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding: 40px 50px 64px;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
}
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__category {
  width: auto; max-width: none; min-width: 0;
  background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 12px; padding: 0; overflow: hidden;
  box-shadow: 0 5px 25px 0 #E5E6DF; transform: none;
  transition: transform .2s ease-in;
}
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__category:nth-child(even) { background: #E5E6DF; border-color: #E5E6DF; }
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__category:hover {
  transform: scale(1.05); border-color: inherit; box-shadow: 0 5px 25px 0 #E5E6DF;
}
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__category:nth-child(odd):hover { border-color: #FFFFFF; }
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__category:nth-child(even):hover { border-color: #E5E6DF; }
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__category-link {
  display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 4px; align-items: start;
  min-height: 0; height: 100%; padding: 30px 24px; box-sizing: border-box;
}
@media (max-width: 900px) { .theme-overrides .hs-kb-home-list.hs-kb-home-list--tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .theme-overrides .hs-kb-home-list.hs-kb-home-list--tiles { grid-template-columns: 1fr; }
  .theme-overrides .hs-kb-home-list.hs-kb-home-list--tiles,
  .theme-overrides .hs-kb-search-input-wrapper { padding-left: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) { .theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__category:hover { transform: none; } }
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__icon {
  color: #232222; height: auto; margin: 3px 0 0; justify-content: flex-start; align-items: flex-start;
}
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__icon svg,
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__icon-svg,
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__icon img,
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__image { width: 26px; height: 26px; object-fit: contain; }
.theme-overrides .hs-kb-home-list--tiles .hs-kb-home-list__text { text-align: left; gap: 14px; }
.theme-overrides .hs-kb-home-list__text h3 { margin: 0; }
.theme-overrides .hs-kb-home-list__text__category-title { font-size: 1.5rem; font-weight: 500; line-height: 1.2; color: #232222; }
.theme-overrides .hs-kb-home-list__text__category-description { font-size: 1rem; line-height: 1.6; color: #232222; margin-top: 10px; }

/* Footer: grey, thin line above */
.theme-overrides .footer { background-color: #F4F4F4; border-top: 1px solid #D9D8D3; }

/* Inner pages: same grey page, white panels */
.theme-overrides .hs-kb-breadcrumb-container { font-size: 14.5px; color: #67635E; }
.theme-overrides .hs-kb-sidebar {
  background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 12px; padding: 12px 10px;
  box-shadow: 0 5px 25px 0 #E5E6DF;
}
.theme-overrides .hs-kb-category-accordion_link { color: #232222; border-radius: 8px; padding: 8px 12px; }
.theme-overrides .hs-kb-category-accordion_link:hover { background: #E5E6DF; color: #232222; }
.theme-overrides .hs-kb-anchor_toggle--active,
.theme-overrides .hs-kb-category-accordion_link--active,
.theme-overrides .hs-kb-category-accordion_link--active > a,
.theme-overrides .hs-kb-category_accordion_nav_list_item.hs-kb-category-accordion_link--active { background: #E5E6DF; color: #232222; }
.theme-overrides .hs-kb-content h1 { font-size: 2.4rem; line-height: 1.15; font-weight: 400; }
.theme-overrides .hs-kb-content h2 { font-size: 1.75rem; font-weight: 400; }
.theme-overrides .hs-kb-content h3 { font-size: 1.25rem; font-weight: 500; }
.theme-overrides .hs-kb-content p,
.theme-overrides .hs-kb-content li { font-size: 1rem; line-height: 1.6; }
.theme-overrides .hs-kb-content a { color: #002656; }
.theme-overrides .hs-kb-content blockquote { border-left: 3px solid #002656; background: #E5E6DF; }
.theme-overrides .hs-kb-content code,
.theme-overrides .hs-kb-content pre,
.theme-overrides .hs-kb-content th { background: #E5E6DF; }
.theme-overrides .hs-kb-content th,
.theme-overrides .hs-kb-content td { border-color: #D9D8D3; }
.theme-overrides .button { border-radius: 8px; }