/* Docs (BetterDocs) in the site's brand, modelled on wpeventful.com/docs/ and darkifywp.com/docs/.
   Loaded on docs pages only (inc/docs.php). */
.betterdocs-wrapper { font-family: var(--efe-font); color: var(--efe-text); }

/* Search band: brand blue, white heading, white search box */
.betterdocs-wrapper .betterdocs-search-layout-1, .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 { background: var(--efe-brand) !important; padding: 56px 16px !important; }
.betterdocs-search-heading .heading, .betterdocs-search-heading h1 { color: #fff !important; font: 800 clamp(30px, 4vw, 44px)/1.15 var(--efe-font) !important; letter-spacing: -0.03em; text-transform: none !important; margin: 0 0 8px !important; text-wrap: balance; }
.betterdocs-search-heading .subheading, .betterdocs-search-heading p { color: #DCE1FF !important; font-size: 17px !important; margin: 0 0 22px !important; }
.betterdocs-wrapper .betterdocs-searchform, .betterdocs-wrapper .search-bar { border-radius: 12px !important; border: 0 !important; box-shadow: 0 12px 30px -14px rgba(0, 0, 0, .35); }
.betterdocs-wrapper .betterdocs-searchform input, .betterdocs-wrapper .search-bar input { font-size: 16px !important; color: var(--efe-ink) !important; }

/* Docs layout on the site container: no gap under the header, content edges on the same 1200px
   container (16px gutter) as the header and footer. */
.betterdocs-wrapper .betterdocs-search-layout-1 { margin-top: 0 !important; }
.betterdocs-wrapper .betterdocs-content-wrapper { max-width: calc(1200px + 32px) !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }
.betterdocs-wrapper .betterdocs-content-wrapper .betterdocs-category-grid-wrapper { margin-left: 0 !important; margin-right: 0 !important; }

/* Category cards (docs home) */
.betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper { border: 1px solid var(--efe-border) !important; border-radius: 14px !important; overflow: hidden; box-shadow: none !important; background: #fff !important; }
.betterdocs-category-header { background: var(--efe-brand-soft) !important; border-bottom: 0 !important; }
.betterdocs-category-grid-wrapper .betterdocs-category-header-inner { border-bottom-color: var(--efe-brand) !important; }
.betterdocs-sidebar .betterdocs-category-header-inner { border-bottom: 0 !important; }
.betterdocs-category-header .betterdocs-category-title, .betterdocs-category-header .betterdocs-category-title a { color: var(--efe-ink) !important; font: 800 20px/1.3 var(--efe-font) !important; }
.betterdocs-category-items-counts, .betterdocs-category-items-counts span { background: var(--efe-ink) !important; color: #fff !important; font-weight: 700 !important; }
.betterdocs-articles-list li a, .betterdocs-body .betterdocs-articles-list a { color: var(--efe-ink) !important; font-size: 16px !important; }
.betterdocs-articles-list li a:hover { color: var(--efe-brand) !important; }

/* Sidebar: light card, plain category rows, small counts, tinted active rows (like darkifywp.com/docs) */
.betterdocs-sidebar .betterdocs-sidebar-content { background: #fff !important; border: 1px solid var(--efe-border); border-radius: 14px !important; padding: 10px !important; }
.betterdocs-sidebar .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper { border: 0 !important; border-radius: 10px !important; background: transparent !important; margin: 0 !important; overflow: visible; }
.betterdocs-sidebar .betterdocs-single-category-wrapper + .betterdocs-single-category-wrapper { border-top: 1px solid #EEF0F5 !important; border-radius: 0 !important; }
.betterdocs-sidebar .betterdocs-single-category-inner { background: transparent !important; }
.betterdocs-sidebar .betterdocs-category-header { background: transparent !important; padding: 10px 10px !important; border-radius: 10px; cursor: pointer; transition: background .15s; }
.betterdocs-sidebar .betterdocs-category-header:hover { background: var(--efe-alt) !important; }
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-header { background: var(--efe-brand-soft) !important; }
.betterdocs-sidebar .betterdocs-category-header-inner { gap: 10px; align-items: center; }
.betterdocs-sidebar .betterdocs-category-icon img, .betterdocs-sidebar .betterdocs-category-icon svg { width: 18px !important; height: 18px !important; opacity: .7; }
.betterdocs-sidebar .betterdocs-category-header .betterdocs-category-title { font: 700 15px/1.35 var(--efe-font) !important; color: var(--efe-ink) !important; margin: 0 !important; }
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-title { color: var(--efe-brand) !important; }
.betterdocs-sidebar .betterdocs-category-items-counts { background: transparent !important; width: auto !important; height: auto !important; min-width: 0 !important; margin-left: auto; }
.betterdocs-sidebar .betterdocs-category-items-counts span { display: inline-block; background: var(--efe-alt) !important; color: var(--efe-muted) !important; font: 600 12px/1 var(--efe-font) !important; padding: 4px 7px !important; border-radius: 999px !important; width: auto !important; height: auto !important; min-width: 22px; text-align: center; }
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts span { background: #fff !important; color: var(--efe-brand) !important; }
.betterdocs-sidebar .betterdocs-category-header svg.toggle-arrow, .betterdocs-sidebar .betterdocs-category-header-inner > svg { width: 12px !important; height: 12px !important; opacity: .55; }
.betterdocs-sidebar .betterdocs-body { padding: 4px 0 10px 38px !important; background: transparent !important; }
.betterdocs-sidebar .betterdocs-articles-list { margin: 0 !important; }
.betterdocs-sidebar .betterdocs-articles-list li { margin: 0 !important; padding: 0 !important; display: block !important; }
.betterdocs-sidebar .betterdocs-articles-list li > svg { display: none !important; }
.betterdocs-sidebar .betterdocs-articles-list li a { display: block; padding: 6px 10px !important; border-radius: 8px; color: var(--efe-text) !important; font: 500 14px/1.45 var(--efe-font) !important; }
.betterdocs-sidebar .betterdocs-articles-list li a:hover { background: var(--efe-alt); color: var(--efe-ink) !important; }
.betterdocs-sidebar .betterdocs-articles-list li.active a, .betterdocs-sidebar .betterdocs-articles-list li a.active { background: var(--efe-brand-soft); color: var(--efe-brand) !important; font-weight: 700 !important; }

.betterdocs-sidebar .betterdocs-category-icon { margin: 0 !important; width: auto !important; flex: 0 0 auto; display: flex; }
.betterdocs-sidebar .betterdocs-single-category-wrapper, .betterdocs-sidebar .betterdocs-single-category-wrapper.active, .betterdocs-sidebar .betterdocs-category-header { border-right: 0 !important; border-left: 0 !important; }
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-header { box-shadow: none !important; }
.betterdocs-sidebar .betterdocs-category-header { padding: 9px 10px !important; }
.betterdocs-sidebar .betterdocs-articles-list li a { display: flex !important; width: 100% !important; box-sizing: border-box; }
.betterdocs-sidebar .betterdocs-category-header-inner { display: flex !important; grid-template-columns: none !important; gap: 10px !important; }
.betterdocs-sidebar .betterdocs-category-header .betterdocs-category-title { flex: 1 1 auto; }

body .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-category-icon { width: 18px !important; height: 18px !important; min-width: 18px !important; padding: 0 !important; }
body .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-category-icon img.betterdocs-category-icon-img { width: 18px !important; height: 18px !important; min-width: 18px !important; max-width: none !important; max-height: none !important; padding: 0 !important; margin: 0 !important; object-fit: contain; }
body .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-articles-list { display: block !important; }
body .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-articles-list li { width: 100% !important; }

/* Category page: article list in ink, brand on hover/focus (BetterDocs' own hover grey fades in at ~3:1). */
.betterdocs-entry-body.betterdocs-taxonomy-doc-category li a, .betterdocs-entry-body.betterdocs-taxonomy-doc-category li a span { color: var(--efe-ink) !important; transition: none !important; }
.betterdocs-entry-body.betterdocs-taxonomy-doc-category li a:hover, .betterdocs-entry-body.betterdocs-taxonomy-doc-category li a:hover span, .betterdocs-entry-body.betterdocs-taxonomy-doc-category li a:focus-visible, .betterdocs-entry-body.betterdocs-taxonomy-doc-category li a:focus-visible span { color: var(--efe-brand) !important; }

/* Article */
.betterdocs-entry-title, h1.betterdocs-entry-title { text-transform: none !important; color: var(--efe-ink) !important; font: 800 clamp(30px, 3.4vw, 40px)/1.15 var(--efe-font) !important; letter-spacing: -0.03em !important; text-wrap: balance; }
.betterdocs-breadcrumb, .betterdocs-breadcrumb a { color: var(--efe-muted) !important; font-size: 14px !important; }
.betterdocs-breadcrumb .current, .betterdocs-breadcrumb .item-current { color: var(--efe-ink) !important; }
.betterdocs-entry-content { font-size: 17px; line-height: 1.7; color: var(--efe-text); }
.betterdocs-entry-content a { color: var(--efe-brand); text-decoration: underline; text-underline-offset: 2px; }
.betterdocs-entry-content h2 { font: 800 26px/1.25 var(--efe-font); color: var(--efe-ink); margin: 40px 0 14px; letter-spacing: -0.02em; scroll-margin-top: 120px; }
.betterdocs-entry-content p.efe-doc-summary { font-size: 19px; line-height: 1.6; color: var(--efe-ink); font-weight: 600; margin: 0 0 22px; padding: 0 0 20px; border-bottom: 1px solid var(--efe-border); }
.betterdocs-entry-content ol.efe-doc-steps { counter-reset: efe-step; list-style: none; padding: 0; margin: 0 0 24px; }
.betterdocs-entry-content ol.efe-doc-steps > li { counter-increment: efe-step; position: relative; padding: 0 0 0 46px; margin: 0 0 18px; }
.betterdocs-entry-content ol.efe-doc-steps > li::before { content: counter(efe-step); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 999px; background: var(--efe-brand); color: #fff; font: 800 14px/30px var(--efe-font); text-align: center; }
.betterdocs-entry-content figure.efe-doc-shot { margin: 14px 0 6px; }
.betterdocs-entry-content figure.efe-doc-shot img { border: 1px solid var(--efe-border); border-radius: 10px; box-shadow: 0 10px 30px -18px rgba(15, 16, 49, .35); height: auto; max-width: 100%; }
.betterdocs-entry-content figure.efe-doc-shot figcaption { font-size: 14px; color: var(--efe-muted); margin-top: 8px; text-align: left; }
.betterdocs-entry-content .efe-doc-table table { width: 100%; border-collapse: collapse; font-size: 15px; }
.betterdocs-entry-content .efe-doc-table th, .betterdocs-entry-content .efe-doc-table td { border: 1px solid var(--efe-border); padding: 10px 14px; text-align: left; vertical-align: top; }
.betterdocs-entry-content .efe-doc-table thead th { background: var(--efe-alt); color: var(--efe-ink); }
.betterdocs-entry-content code { font-size: .9em; background: var(--efe-alt); padding: 1px 6px; border-radius: 4px; }
.betterdocs-entry-content ul.efe-doc-related { list-style: none; padding: 0; display: grid; gap: 8px; }
.betterdocs-entry-content ul.efe-doc-related a { font-weight: 700; text-decoration: none; }
.betterdocs-entry-content ul.efe-doc-related a::before { content: "→ "; }
.betterdocs-entry-content p.efe-doc-demo a { display: inline-block; margin-top: 8px; padding: 12px 18px; border-radius: 10px; background: var(--efe-brand-soft); color: var(--efe-brand); font-weight: 800; text-decoration: none; }
.betterdocs-entry-content p.efe-doc-demo a:hover { background: var(--efe-brand); color: #fff; }

/* Table of contents: light box, small heading, even spacing */
.betterdocs-toc { background: var(--efe-alt) !important; border: 1px solid var(--efe-border) !important; border-radius: 12px !important; padding: 16px 18px !important; }
.betterdocs-toc .toc-title { display: block; color: var(--efe-muted) !important; font: 800 12px/1.4 var(--efe-font) !important; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 10px !important; }
.betterdocs-toc ul.toc-list { margin: 0 !important; padding: 0 !important; display: grid; gap: 2px; }
.betterdocs-toc ul.toc-list li { margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; }
.betterdocs-toc a { display: block; padding: 5px 10px !important; margin: 0 -10px !important; border-radius: 8px; color: var(--efe-ink) !important; font: 500 14px/1.4 var(--efe-font) !important; text-decoration: none !important; }
.betterdocs-toc a:hover { background: #fff; color: var(--efe-brand) !important; }
.betterdocs-toc a.active, .betterdocs-toc li.active > a { background: #fff; color: var(--efe-brand) !important; font-weight: 700 !important; box-shadow: inset 3px 0 0 var(--efe-brand); }

/* Server-rendered H1 + intro under the search band (inc/docs.php) */
.efe-docs-head { max-width: 1200px; margin: 48px auto 8px; padding: 0 16px; text-align: center; }
.efe-docs-title { margin: 0; font: 800 clamp(30px, 4vw, 44px)/1.15 var(--efe-font); letter-spacing: -0.03em; color: var(--efe-ink); text-wrap: balance; }
.efe-docs-intro { margin: 12px auto 0; max-width: 720px; font-size: 18px; line-height: 1.6; color: var(--efe-text); text-wrap: pretty; }
.betterdocs-breadcrumb .betterdocs-breadcrumb-item.current, .betterdocs-breadcrumb .betterdocs-breadcrumb-item.current * { color: var(--efe-ink) !important; }
body .betterdocs-breadcrumb .item-current, body .betterdocs-breadcrumb .item-current a, body .betterdocs-breadcrumb .item-current span { color: var(--efe-ink) !important; }

/* The search band is rendered by BetterDocs' React script after load; reserve its height so the
   page does not jump (CLS). Same brand background as the rendered band. */
#betterdocs-search-modal:empty { display: block; min-height: 156px; background: var(--efe-brand); }