/* Shared ZhiliByli styling. Status/error colours remain semantic. */
@font-face {
  font-family: "ZB Geometria";
  src: url("../fonts/Geometria-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ZB Geometria";
  src: url("../fonts/Geometria-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
body.cust-help, body.zb-admin-restyle {
  --zb-accent: #ff5876;
  --zb-hover: #e74664;
  --zb-link: #bc2445;
  --zb-soft: #fff0f3;
  --zb-ink: #404040;
  --zb-line: #eadfe3;
  font-family: "ZB Geometria", Arial, sans-serif;
}
body.cust-help { color: var(--zb-ink); background: #fff; }
body.cust-help :is(button, input, select, textarea, h1, h2, h3, h4, h5, h6,
  .form-control, .selectize-input, .selectize-dropdown, .btn) {
  font-family: "ZB Geometria", Arial, sans-serif;
}
body.cust-help :is(h1, h2, h3, h4, h5, h6, .search__title, .preview__title) {
  color: var(--zb-ink);
}
body.cust-help .header { border-bottom: 1px solid var(--zb-line); box-shadow: none; }
body.cust-help .breadcrumbs a,
body.cust-help :is(.topics__list a, .kb--folder a, .article__body a, .link, .title-link) {
  color: var(--zb-link);
}
body.cust-help a:hover { color: #a81e3c; }
body.cust-help .help-search { margin-bottom: 32px; }
body.cust-help .search__title { line-height: 1.35; font-weight: 700; }
body.cust-help .search__form { background: var(--zb-accent); border-radius: 12px; }
body.cust-help .search__form .form-group { border-radius: 8px; }
body.cust-help .search__form .form-group .icon-search { fill: var(--zb-accent); }
body.cust-help .search__form .form-group input { color: var(--zb-ink); }
body.cust-help .icon-in-circle { background: var(--zb-accent); }
body.cust-help .icon-in-circle .icon { fill: #fff; }
body.cust-help :is(.preview, .suggest-preview, .topics__block) {
  border: 1px solid var(--zb-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(64,40,48,.035);
}
body.cust-help .preview { margin-bottom: 12px; transition: background .2s, border-color .2s; }
body.cust-help .preview:hover {
  background: #fff8fa;
  border-color: #ffb5c3;
}
body.cust-help .preview:hover .preview__title { color: var(--zb-link); }
body.cust-help .topics__block { padding: 20px; box-sizing: border-box; }
body.cust-help .topics__title .icon { fill: var(--zb-accent); }
body.cust-help .tabbed__head .tabbed__head_tabs li.current,
body.zb-admin-restyle .tabbed__head .tabbed__head_tabs li.current {
  border-color: var(--zb-accent);
  color: var(--zb-link);
}
body.cust-help .tabbed__head .tabbed__head_tabs li.current::after,
body.zb-admin-restyle .tabbed__head .tabbed__head_tabs li.current::after {
  background: var(--zb-accent);
}
body.cust-help :is(.btn, .form-control, .selectize-input) { border-radius: 6px; }
body.cust-help .btn-full:not(:disabled):not(.disabled),
body.cust-help .link.go-back {
  background: var(--zb-accent);
  border-color: var(--zb-accent);
  color: #fff;
}
body.cust-help .btn-full:not(:disabled):not(.disabled):hover,
body.cust-help .link.go-back:hover { background: var(--zb-hover); color: #fff; }
body.cust-help :is(.btn-border, .btn--blue-border) {
  color: var(--zb-link);
  border-color: var(--zb-accent);
  background: #fff;
}
body.cust-help :is(.btn-border, .btn--blue-border):hover {
  background: var(--zb-soft);
}
body.cust-help .form-control:focus,
body.cust-help .selectize-input.focus {
  border-color: var(--zb-accent);
  box-shadow: 0 0 0 3px rgba(255,88,118,.13);
}
body.cust-help :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--zb-link);
  outline-offset: 3px;
}
body.cust-help :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--zb-accent); }
body.cust-help .notification.blue {
  background: var(--zb-soft);
  color: var(--zb-ink);
}
body.cust-help .notification.blue::before { background: var(--zb-accent); }
body.cust-help .kb-suggestions { border-color: var(--zb-line); border-radius: 8px; }
body.cust-help .article__content { line-height: 1.7; }
@media (max-width: 600px) {
  body.cust-help .search__title { font-size: 23px; }
  body.cust-help .topics__block { width: 100%; padding: 16px; }
  body.cust-help .preview { padding: 16px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body.cust-help .preview { transition: none; }
}

/* Hide the footer attribution in the site presentation. */
body.cust-help footer.footer, body.zb-admin-restyle footer.footer { display: none !important; }