/* Whitepaper (BetterDocs) pages styled like the DiviD home page: dark background,
   light text, gold accents. Loaded only on BetterDocs doc pages (see enqueue.php). */

:root {
  --dwp-bg: #191820;
  --dwp-panel: #22212b;
  --dwp-panel-2: #2a2934;
  --dwp-border: #35343f;
  --dwp-text: #d6d5da;
  --dwp-text-strong: #ffffff;
  --dwp-muted: #9c9ba3;
  --dwp-gold: #d9a63b;
  --dwp-gold-soft: rgba(217, 166, 59, 0.16);
}

/* Outer wrappers: no white boxes, no grey stripes */
.betterdocs-wrapper,
.betterdocs-wrapper .betterdocs-content-wrapper,
.betterdocs-wrapper .betterdocs-content-inner-area,
.betterdocs-wrapper .betterdocs-sidebar-content,
.betterdocs-wrapper .betterdocs-content-area,
.betterdocs-wrapper .betterdocs-archive-wrap {
  background: transparent !important;
  color: var(--dwp-text) !important;
}
.betterdocs-wrapper {
  padding: 32px 24px 48px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}
.betterdocs-single-wrapper .betterdocs-content-wrapper { gap: 32px; }

/* Article panel */
.betterdocs-single-wrapper .betterdocs-content-inner-area {
  background: var(--dwp-panel) !important;
  border: 1px solid var(--dwp-border) !important;
  border-radius: 12px !important;
  padding: 40px 44px !important;
  box-shadow: none !important;
}
.betterdocs-wrapper h1.betterdocs-entry-title,
.betterdocs-wrapper .betterdocs-entry-title,
.betterdocs-wrapper .betterdocs-content h1,
.betterdocs-wrapper .betterdocs-content h2,
.betterdocs-wrapper .betterdocs-content h3,
.betterdocs-wrapper .betterdocs-content h4,
.betterdocs-wrapper .betterdocs-content h5 {
  color: var(--dwp-text-strong) !important;
  font-family: "DM Sans", sans-serif !important;
}
.betterdocs-wrapper h1.betterdocs-entry-title { margin: 0 0 22px !important; font-size: 2.1em !important; }
.betterdocs-wrapper .betterdocs-content h2 { margin-top: 1.6em; padding-bottom: 8px; border-bottom: 1px solid var(--dwp-border); }
.betterdocs-wrapper .betterdocs-content,
.betterdocs-wrapper .betterdocs-content p,
.betterdocs-wrapper .betterdocs-content li,
.betterdocs-wrapper .betterdocs-content td,
.betterdocs-wrapper .betterdocs-content th,
.betterdocs-wrapper .betterdocs-entry-content {
  color: var(--dwp-text) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 16px;
  line-height: 1.7;
}
.betterdocs-wrapper .betterdocs-content strong { color: var(--dwp-text-strong); }
.betterdocs-wrapper .betterdocs-content a { color: var(--dwp-gold) !important; text-decoration: underline; text-underline-offset: 3px; }
.betterdocs-wrapper .betterdocs-content a:hover { color: #f0c15a !important; }
.betterdocs-wrapper .betterdocs-content blockquote {
  border-left: 3px solid var(--dwp-gold); background: var(--dwp-panel-2); color: var(--dwp-text);
  padding: 12px 18px; border-radius: 0 8px 8px 0;
}
.betterdocs-wrapper .betterdocs-content code,
.betterdocs-wrapper .betterdocs-content pre { background: #14131a !important; color: #e8e7ec !important; border: 1px solid var(--dwp-border); border-radius: 6px; }
.betterdocs-wrapper .betterdocs-content table { border-collapse: collapse; }
.betterdocs-wrapper .betterdocs-content th { background: var(--dwp-panel-2) !important; color: var(--dwp-text-strong) !important; }
.betterdocs-wrapper .betterdocs-content td,
.betterdocs-wrapper .betterdocs-content th { border: 1px solid var(--dwp-border) !important; }
.betterdocs-wrapper .betterdocs-content img,
.betterdocs-wrapper .betterdocs-content figure { border-radius: 10px; }
.betterdocs-wrapper .betterdocs-content hr { border-color: var(--dwp-border); }

/* Entry footer, tags, prev/next */
.betterdocs-wrapper .betterdocs-entry-footer,
.betterdocs-wrapper .betterdocs-tags-print,
.betterdocs-wrapper .betterdocs-tags-print a { color: var(--dwp-muted) !important; }
.betterdocs-wrapper .docs-navigation {
  background: var(--dwp-panel-2) !important;
  border: 1px solid var(--dwp-border) !important;
  border-radius: 10px !important;
  margin-top: 32px !important;
  padding: 14px 18px !important;
}
.betterdocs-wrapper .docs-navigation a,
.betterdocs-wrapper .docs-navigation a span,
.betterdocs-wrapper .docs-navigation a p { color: var(--dwp-gold) !important; }
.betterdocs-wrapper .docs-navigation a:hover,
.betterdocs-wrapper .docs-navigation a:hover span { color: #f0c15a !important; }
.betterdocs-wrapper .docs-navigation svg,
.betterdocs-wrapper .docs-navigation svg path { fill: var(--dwp-gold) !important; stroke: var(--dwp-gold) !important; }

/* Left sidebar (category list) */
.betterdocs-wrapper .betterdocs-sidebar,
.betterdocs-wrapper .betterdocs-sidebar.betterdocs-background { background: transparent !important; border: 0 !important; }
.betterdocs-wrapper .betterdocs-sidebar-content { padding: 0 !important; }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-single-category-wrapper,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-grid-inner-wrapper > article {
  background: var(--dwp-panel) !important;
  border: 1px solid var(--dwp-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  margin-bottom: 14px;
  overflow: hidden;
}
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header-inner,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-title,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header .betterdocs-category-title,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header a {
  background: var(--dwp-panel-2) !important;
  color: var(--dwp-text-strong) !important;
}
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header { padding: 14px 16px !important; border-bottom: 1px solid var(--dwp-border) !important; }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header svg,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header svg path { fill: var(--dwp-gold) !important; }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header img { filter: brightness(1.4); }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header .betterdocs-category-count,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header .betterdocs-docs-count,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header .docs-count,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-header span[class*="count"] {
  background: var(--dwp-gold) !important;
  color: #1b1a22 !important;
  border-radius: 999px;
}
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-body,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list,
.betterdocs-wrapper .betterdocs-sidebar ul,
.betterdocs-wrapper .betterdocs-sidebar ul li { background: transparent !important; }
.betterdocs-wrapper .betterdocs-sidebar ul li a,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li a,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li a span,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li a p {
  color: var(--dwp-text) !important;
  background: transparent !important;
}
.betterdocs-wrapper .betterdocs-sidebar ul li a:hover,
.betterdocs-wrapper .betterdocs-sidebar ul li a:hover span { color: var(--dwp-gold) !important; }
.betterdocs-wrapper .betterdocs-sidebar li.active > a,
.betterdocs-wrapper .betterdocs-sidebar li.active > a span,
.betterdocs-wrapper .betterdocs-sidebar li.current-menu-item > a,
.betterdocs-wrapper .betterdocs-sidebar a.active,
.betterdocs-wrapper .betterdocs-sidebar a.active span {
  color: var(--dwp-gold) !important;
  background: var(--dwp-gold-soft) !important;
  border-radius: 6px;
}
.betterdocs-wrapper .betterdocs-sidebar li.active,
.betterdocs-wrapper .betterdocs-sidebar li.current-menu-item { border-left-color: var(--dwp-gold) !important; }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li svg,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li svg path { fill: var(--dwp-muted) !important; }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li.active svg path { fill: var(--dwp-gold) !important; }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-toggle-icon,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-toggle-icon svg path { fill: var(--dwp-text) !important; color: var(--dwp-text) !important; }
.betterdocs-wrapper .betterdocs-sidebar .simplebar-scrollbar::before { background: var(--dwp-border) !important; }

/* Search box (sidebar and archive) */
.betterdocs-wrapper .betterdocs-search-popup,
.betterdocs-wrapper .betterdocs-search-form-wrapper,
.betterdocs-wrapper .betterdocs-search-form-wrapper .betterdocs-search-field-wrapper,
.betterdocs-wrapper .betterdocs-searchbox-wrapper,
.betterdocs-wrapper .betterdocs-search-field-wrapper,
.betterdocs-wrapper .betterdocs-search-modal-sidebar .betterdocs-live-search,
.betterdocs-wrapper .betterdocs-live-search .betterdocs-search-form,
.betterdocs-wrapper .betterdocs-search-modal-sidebar .betterdocs-search-form-wrapper input,
.betterdocs-wrapper .betterdocs-live-search input,
.betterdocs-wrapper .betterdocs-search-modal-sidebar .betterdocs-search-form-inner {
  background: var(--dwp-panel) !important;
  color: var(--dwp-text) !important;
  border-color: var(--dwp-border) !important;
  box-shadow: none !important;
}
.betterdocs-wrapper .betterdocs-search-popup { border: 1px solid var(--dwp-border) !important; border-radius: 10px !important; margin-bottom: 16px; }
.betterdocs-wrapper .betterdocs-live-search input::placeholder,
.betterdocs-wrapper .betterdocs-search-popup input::placeholder,
.betterdocs-wrapper .betterdocs-search-popup .betterdocs-search-placeholder,
.betterdocs-wrapper .betterdocs-search-popup span { color: var(--dwp-muted) !important; }
.betterdocs-wrapper .betterdocs-search-popup svg,
.betterdocs-wrapper .betterdocs-search-popup svg path,
.betterdocs-wrapper .betterdocs-live-search svg path { fill: var(--dwp-muted) !important; stroke: var(--dwp-muted) !important; }
.betterdocs-wrapper .betterdocs-search-popup kbd,
.betterdocs-wrapper .betterdocs-search-popup .betterdocs-search-shortcut,
.betterdocs-wrapper .betterdocs-search-popup [class*="shortcut"] {
  background: var(--dwp-panel-2) !important; color: var(--dwp-muted) !important; border: 1px solid var(--dwp-border) !important;
}

/* Search modal (opens on click) */
.betterdocs-search-modal-wrapper .betterdocs-search-modal-inner,
.betterdocs-search-modal-wrapper .betterdocs-search-modal-content,
.betterdocs-search-modal-wrapper .betterdocs-search-results,
.betterdocs-search-modal-wrapper .betterdocs-search-results-wrapper,
.betterdocs-search-modal-wrapper input,
.betterdocs-search-modal-wrapper .betterdocs-search-form-wrapper {
  background: var(--dwp-panel) !important; color: var(--dwp-text) !important; border-color: var(--dwp-border) !important;
}
.betterdocs-search-modal-wrapper .betterdocs-search-results a,
.betterdocs-search-modal-wrapper .betterdocs-search-results li,
.betterdocs-search-modal-wrapper .betterdocs-search-results p,
.betterdocs-search-modal-wrapper .betterdocs-search-results span { color: var(--dwp-text) !important; }
.betterdocs-search-modal-wrapper .betterdocs-search-results a:hover { color: var(--dwp-gold) !important; }

/* Mobile nav buttons */
.betterdocs-wrapper .betterdocs-mobile-nav-icon-svg { background: var(--dwp-panel-2) !important; border: 1px solid var(--dwp-border); }
.betterdocs-wrapper .betterdocs-mobile-nav-icon-svg svg path { fill: var(--dwp-text) !important; }

/* Archive page: category boxes */
.betterdocs-docs-archive-wrapper,
.betterdocs-docs-archive-wrapper .betterdocs-category-box-wrapper { background: transparent !important; }
.betterdocs-docs-archive-wrapper .betterdocs-category-box-inner-wrapper .category-box,
.betterdocs-docs-archive-wrapper a.category-box {
  background: var(--dwp-panel) !important;
  border: 1px solid var(--dwp-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: var(--dwp-text) !important;
}
.betterdocs-docs-archive-wrapper a.category-box:hover { border-color: var(--dwp-gold) !important; }
.betterdocs-docs-archive-wrapper .category-box .betterdocs-category-title,
.betterdocs-docs-archive-wrapper .category-box h2,
.betterdocs-docs-archive-wrapper .category-box h3 { color: var(--dwp-text-strong) !important; }
.betterdocs-docs-archive-wrapper .category-box .betterdocs-category-count,
.betterdocs-docs-archive-wrapper .category-box span[class*="count"],
.betterdocs-docs-archive-wrapper .category-box p,
.betterdocs-docs-archive-wrapper .category-box .betterdocs-category-description { color: var(--dwp-muted) !important; }
.betterdocs-docs-archive-wrapper .category-box svg path { fill: var(--dwp-gold) !important; }
.betterdocs-docs-archive-wrapper .category-box .betterdocs-category-header img { filter: brightness(1.4); }

/* Category archive (single category listing) */
.betterdocs-category-archive-wrapper,
.betterdocs-wrapper .betterdocs-category-archive-inner,
.betterdocs-wrapper .betterdocs-taxonomy-content { background: transparent !important; }
.betterdocs-wrapper .betterdocs-taxonomy-content .betterdocs-articles-list li a { color: var(--dwp-text) !important; }
.betterdocs-wrapper .betterdocs-taxonomy-content .betterdocs-articles-list li a:hover { color: var(--dwp-gold) !important; }

/* Kadence content wrapper spacing under the sticky header */
body.single-docs #inner-wrap,
body.post-type-archive-docs #inner-wrap,
body.tax-doc_category #inner-wrap { background: var(--dwp-bg); }

@media (max-width: 991px) {
  .betterdocs-single-wrapper .betterdocs-content-inner-area { padding: 24px 20px !important; }
  .betterdocs-wrapper { padding: 16px 0 32px !important; }
}

/* Second pass: leftovers found in the computed styles */
.betterdocs-wrapper .betterdocs-sidebar form.betterdocs-searchform,
.betterdocs-wrapper form.betterdocs-searchform,
.betterdocs-wrapper form.betterdocs-advance-searchform,
.betterdocs-wrapper .betterdocs-searchform .betterdocs-search-field-wrapper,
.betterdocs-wrapper .betterdocs-searchform input,
.betterdocs-wrapper .betterdocs-searchform input[type="text"],
.betterdocs-wrapper .betterdocs-searchform input[type="search"] {
  background: var(--dwp-panel) !important;
  color: var(--dwp-text) !important;
  border: 1px solid var(--dwp-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.betterdocs-wrapper .betterdocs-searchform input { border: 0 !important; }
.betterdocs-wrapper .betterdocs-searchform input::placeholder { color: var(--dwp-muted) !important; }
.betterdocs-wrapper .betterdocs-searchform svg path { fill: var(--dwp-muted) !important; stroke: var(--dwp-muted) !important; }
.betterdocs-wrapper .betterdocs-searchform .command-key,
.betterdocs-wrapper span.command-key {
  background: var(--dwp-panel-2) !important;
  color: var(--dwp-muted) !important;
  border: 1px solid var(--dwp-border) !important;
  box-shadow: none !important;
}
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-single-category-inner,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-single-category-inner.active,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-single-category-inner ul,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-wrapper,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-sidebar-content {
  background: var(--dwp-panel) !important;
}
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-single-category-inner {
  border: 1px solid var(--dwp-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-title,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-category-title a,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-single-category-inner > a,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-single-category-inner > .betterdocs-category-header,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-single-category-inner > .betterdocs-single-category-title-wrapper {
  background: var(--dwp-panel-2) !important;
  color: var(--dwp-text-strong) !important;
}
.betterdocs-wrapper .betterdocs-folder-icon,
.betterdocs-wrapper span.betterdocs-folder-icon,
.betterdocs-wrapper .betterdocs-folder-icon.toggle-arrow {
  background: var(--dwp-gold-soft) !important;
  color: var(--dwp-gold) !important;
  border-radius: 6px;
}
.betterdocs-wrapper .betterdocs-folder-icon svg path,
.betterdocs-wrapper .betterdocs-folder-icon svg { fill: var(--dwp-gold) !important; }
.betterdocs-wrapper .betterdocs-category-items-counts,
.betterdocs-wrapper .betterdocs-category-items-counts span {
  background: var(--dwp-gold) !important;
  color: #1b1a22 !important;
  border-radius: 999px !important;
  font-weight: 600;
}
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li,
.betterdocs-wrapper .betterdocs-sidebar ul.betterdocs-articles-list > li { border-color: var(--dwp-border) !important; }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li a { padding: 9px 14px !important; display: block; line-height: 1.45; }
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li.active,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li.active a,
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li a.active {
  background: var(--dwp-gold-soft) !important;
  color: var(--dwp-gold) !important;
}
.betterdocs-wrapper .betterdocs-sidebar .betterdocs-articles-list li.active { border-left: 3px solid var(--dwp-gold) !important; }

/* Archive: last updated badge + folder icon */
.betterdocs-wrapper p.betterdocs-last-update,
.betterdocs-wrapper .betterdocs-last-update,
.betterdocs-wrapper .betterdocs-last-update span {
  background: var(--dwp-panel-2) !important;
  color: var(--dwp-muted) !important;
  border: 1px solid var(--dwp-border) !important;
  border-radius: 999px !important;
}
.betterdocs-wrapper a.category-box { padding: 40px 24px !important; }
.betterdocs-wrapper a.category-box .betterdocs-category-title { color: var(--dwp-text-strong) !important; }
.betterdocs-wrapper a.category-box:hover .betterdocs-category-title { color: var(--dwp-gold) !important; }
