/* =========================================================================
   weDocs — Zybroz Dark Theme v2.2
   Color system: dark surface hierarchy + #fe6413 orange CTA
   ========================================================================= */

/* ─── DESIGN TOKENS ─────────────────────────────────────────────────────── */
:root {
    /* Surface layers */
    --wd-bg:       #12151a;   /* page body */
    --wd-s1:       #1a1e26;   /* sidebar, nav */
    --wd-s2:       #20252f;   /* cards, code blocks, table headers */
    --wd-s3:       #262c38;   /* hover, active, card icons */
    /* Borders */
    --wd-border:   #2e3441;
    --wd-border-2: #3a4254;
    /* Accent */
    --wd-cyan:     #06b6d4;
    --wd-orange:   #fe6413;
    /* Text */
    --wd-text:     #eef0f4;
    --wd-text-mid: #c8d1e0;
    --wd-text-dim: #aab2c0;   /* sidebar nav — 20% brighter than old #8c96a8 */
    --wd-text-mute:#6b7585;
    /* Callout backgrounds */
    --wd-info-bg:  #152033; --wd-info-br: #1d4b7a; --wd-info-tx: #7ab8ff;
    --wd-tip-bg:   #0e2e20; --wd-tip-br:  #1a5c3a; --wd-tip-tx:  #5cd9a0;
    --wd-warn-bg:  #2c1e08; --wd-warn-br: #6b4011; --wd-warn-tx: #e8a53a;
    --wd-danger-bg:#2a1010; --wd-danger-br:#5c2020; --wd-danger-tx:#f08080;
}

/* ─── DOCS PAGE BG ───────────────────────────────────────────────────────── */
body.single-docs { background: var(--wd-bg) !important; }
body.single-docs .site-content,
body.single-docs .content-area { background: transparent !important; }
body.single-docs .entry-meta,
body.single-docs .entry-footer:not(.wedocs-entry-footer) { display: none !important; }

/* Astra entry banner — kill the light-bg banner on docs listing + single docs pages */
body.page:has(.wedocs-shortcode-wrap) .ast-single-entry-banner,
body.single-docs .ast-single-entry-banner {
    background: #0a0c10 !important;
    border-bottom: 1px solid var(--wd-border) !important;
}
body.page:has(.wedocs-shortcode-wrap) .ast-single-entry-banner .entry-title,
body.page:has(.wedocs-shortcode-wrap) .ast-single-entry-banner .ast-breadcrumbs a,
body.page:has(.wedocs-shortcode-wrap) .ast-single-entry-banner .ast-breadcrumbs,
body.single-docs .ast-single-entry-banner .entry-title,
body.single-docs .ast-single-entry-banner .ast-breadcrumbs a,
body.single-docs .ast-single-entry-banner .ast-breadcrumbs {
    color: var(--wd-text-mid) !important;
}

/* ─── LAYOUT WRAPPER ─────────────────────────────────────────────────────── */
.wedocs-single-wrap {
    display: flex !important;
    align-items: flex-start !important;
    max-width: 1280px;
    margin: 0 auto;
    min-height: calc(100vh - 80px);
    gap: 0;
}

/* ─── SIDEBAR SHELL ──────────────────────────────────────────────────────── */
.wedocs-sidebar {
    position: sticky !important;
    top: 80px !important;
    width: 336px !important;
    min-width: 300px !important;
    max-width: 336px !important;
    flex-shrink: 0 !important;
    height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: var(--wd-s1) !important;
    border-right: 1px solid var(--wd-border) !important;
    padding: 0 0 40px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(6,182,212,.2) transparent !important;
}
.wedocs-sidebar::-webkit-scrollbar { width: 3px; }
.wedocs-sidebar::-webkit-scrollbar-track { background: transparent; }
.wedocs-sidebar::-webkit-scrollbar-thumb { background: rgba(6,182,212,.2); border-radius: 4px; }

/* ─── SIDEBAR HEADER ─────────────────────────────────────────────────────── */
.zy-doc-sidebar-header {
    padding: 20px 20px 16px;
    border-bottom: 1px solid var(--wd-border);
    margin-bottom: 8px;
}
.zy-doc-sidebar-title {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--wd-cyan) !important;
    text-decoration: none !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zy-doc-sidebar-title:hover { color: #67e8f9 !important; }

/* ─── SEARCH BAR (WP All Import style) ──────────────────────────────────── */
/* Reset ALL plugin styles on the container */
.wedocs-sidebar .wedocs-single-search-input,
.wedocs-sidebar .wedocs-single-search-input.zy-search-bar-wrap {
    all: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 16px 12px !important;
    padding: 8px 10px !important;
    background: var(--wd-s2) !important;
    border: 1px solid var(--wd-border) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: border-color .18s !important;
    position: static !important;
    width: calc(100% - 32px) !important;
}
.wedocs-sidebar .wedocs-single-search-input:hover { border-color: var(--wd-border-2) !important; }

/* Search icon */
.zy-sb-icon { flex-shrink: 0; color: var(--wd-text-mute); }

/* Input — invisible, fills flex space, pointer-events so JS fires */
.wedocs-sidebar .wedocs-single-search-input .search-field {
    all: unset !important;
    flex: 1 !important;
    font-size: 0.84rem !important;
    color: var(--wd-text-mute) !important;
    font-family: 'DM Sans', system-ui, sans-serif !important;
    cursor: pointer !important;
    background: transparent !important;
    pointer-events: auto !important;
    min-width: 0 !important;
}
.wedocs-sidebar .wedocs-single-search-input .search-field::placeholder { color: var(--wd-text-mute) !important; }
.wedocs-sidebar .wedocs-single-search-input .search-field:focus { outline: none !important; }

/* ⌘K span removed from template — hide any remnant from plugin HTML */
.wedocs-sidebar .wedocs-single-search-input .short-key { display: none !important; }

/* ─── NAV LIST — full reset of plugin rules ──────────────────────────────── */
.wedocs-sidebar ul.doc-nav-list,
.wedocs-sidebar ul.doc-nav-list ul,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list ul,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list ul.children {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-left: none !important;
    position: static !important;
    float: none !important;
}

/* LI items — ensure static positioning so expanded items push others DOWN */
.wedocs-sidebar ul.doc-nav-list li,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li {
    position: static !important;
    float: none !important;
    display: block !important;
}

/* ─── NAV LINKS ──────────────────────────────────────────────────────────── */
/* Remove plugin folder icon */
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list > li > a::before { display: none !important; }

.wedocs-sidebar ul.doc-nav-list li a,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li a {
    display: flex !important;
    align-items: flex-start !important;
    gap: 4px !important;
    padding: 7px 16px 7px 20px !important;
    font-size: 0.875rem !important;
    font-family: 'DM Sans', system-ui, sans-serif !important;
    color: var(--wd-text-mid) !important;  /* #c8d1e0 — brighter */
    line-height: 1.45 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    transition: background .1s, color .1s !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    position: static !important;
}
/* Top-level section links — bolder */
.wedocs-sidebar ul.doc-nav-list > li > a,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list > li > a {
    font-weight: 600 !important;
    color: var(--wd-text) !important;  /* #eef0f4 — near-white */
}
.wedocs-sidebar ul.doc-nav-list li a:hover,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li a:hover {
    color: var(--wd-text) !important;
    background: rgba(255,255,255,.035) !important;
}

/* Active / current item */
.wedocs-sidebar ul.doc-nav-list .current_page_item > a,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li.current_page_item > a {
    color: var(--wd-cyan) !important;
    background: rgba(6,182,212,.08) !important;
    font-weight: 600 !important;
}

/* ─── CARET ──────────────────────────────────────────────────────────────── */
/* Nuclear reset — kills the white border box from frontend.css */
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li > a > .wedocs-caret {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    width: 20px !important;
    height: 20px !important;
    font-family: 'wedocs' !important;
    font-size: 0.8rem !important;
    color: var(--wd-text-mute) !important;
    transition: color .15s, transform .2s !important;
    cursor: pointer !important;
}
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li > a:hover > .wedocs-caret {
    color: var(--wd-cyan) !important;
}
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li.wd-state-open > a > .wedocs-caret {
    color: var(--wd-cyan) !important;
    transform: rotate(180deg) !important;
}

/* ─── CHILDREN — correct show/hide logic matching weDocs JS ─────────────── */
/*
 * weDocs JS default: children VISIBLE (no class).
 * First click → adds wd-state-closed (hide).
 * Second click → adds wd-state-open (show).
 * On init: top-level ancestor gets wd-state-open.
 * We invert: hide by default, show for ancestors + open state.
 */
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li.page_item_has_children > ul.children,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li.page_item_has_children > li > ul.children {
    display: none !important;
}
/* HIDE when explicitly closed */
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li.wd-state-closed ul.children {
    display: none !important;
}
/* SHOW when: explicitly opened OR is ancestor of current page */
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li.wd-state-open > ul.children,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li.current_page_ancestor > ul.children,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li.current_page_parent > ul.children {
    display: block !important;
}

/* Indent child links */
.wedocs-sidebar ul.doc-nav-list ul.children li a,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li ul.children li a {
    padding-left: 34px !important;
    font-size: 0.845rem !important;
    color: var(--wd-text-mute) !important;
}
.wedocs-sidebar ul.doc-nav-list ul.children li a:hover,
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li ul.children li a:hover {
    color: var(--wd-text-mid) !important;
}
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li ul.children li.current_page_item > a {
    color: var(--wd-cyan) !important;
    background: rgba(6,182,212,.08) !important;
    font-weight: 600 !important;
}
/* Deep nest */
.wedocs-sidebar ul.doc-nav-list ul.children ul.children li a { padding-left: 48px !important; }

/* ─── MAIN CONTENT ───────────────────────────────────────────────────────── */
.wedocs-single-content {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 44px 52px 80px;
    background: var(--wd-bg);
}

/* Breadcrumbs */
.wedocs-breadcrumb {
    display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
    font-size: 0.78rem; color: var(--wd-text-mute); margin-bottom: 20px;
}
.wedocs-breadcrumb a { color: var(--wd-text-mute); text-decoration: none; }
.wedocs-breadcrumb a:hover { color: var(--wd-cyan); }
.wedocs-breadcrumb .wedocs-sep { opacity: .45; }

/* H1 title */
.wedocs-single-content .entry-title {
    font-size: clamp(1.5rem, 3vw, 2.1rem);
    font-weight: 700; color: var(--wd-text); line-height: 1.25;
    margin: 0 0 28px; border-bottom: 1px solid var(--wd-border); padding-bottom: 20px;
}
.wedocs-print-article { float: right; color: var(--wd-text-mute); opacity: .5; text-decoration: none !important; }
.wedocs-print-article:hover { opacity: 1; color: var(--wd-cyan); }

/* ─── CONTENT TYPOGRAPHY ─────────────────────────────────────────────────── */
.wedocs-single-content .entry-content { color: var(--wd-text-mid); font-size: .97rem; line-height: 1.78; }

.wedocs-single-content .entry-content h2 {
    color: var(--wd-text); font-size: 1.35rem; font-weight: 700;
    margin: 40px 0 14px; padding-bottom: 8px; border-bottom: 1px solid var(--wd-border);
}
.wedocs-single-content .entry-content h3 { color: var(--wd-text); font-size: 1.1rem; font-weight: 600; margin: 28px 0 10px; }
.wedocs-single-content .entry-content h4 {
    color: var(--wd-text-mid); font-size: .97rem; font-weight: 600;
    margin: 20px 0 8px; text-transform: uppercase; letter-spacing: .04em;
}
.wedocs-single-content .entry-content p { margin-bottom: 14px; }
.wedocs-single-content .entry-content a { color: var(--wd-cyan); text-decoration: underline; text-decoration-color: rgba(6,182,212,.3); }
.wedocs-single-content .entry-content a:hover { text-decoration-color: var(--wd-cyan); }
.wedocs-single-content .entry-content ul,
.wedocs-single-content .entry-content ol { padding-left: 22px; margin-bottom: 16px; }
.wedocs-single-content .entry-content li { margin-bottom: 7px; }
.wedocs-single-content .entry-content ul li::marker { color: var(--wd-cyan); }

/* Code */
.wedocs-single-content .entry-content code,
.wedocs-single-content .entry-content kbd {
    background: var(--wd-s2); border: 1px solid var(--wd-border);
    border-radius: 5px; padding: 2px 7px; font-size: .875em; color: #67e8f9;
    font-family: 'Fira Code', 'Cascadia Code', Consolas, monospace;
}
.wedocs-single-content .entry-content pre {
    background: var(--wd-s2); border: 1px solid var(--wd-border);
    border-radius: 9px; padding: 20px 24px; overflow-x: auto; margin-bottom: 20px;
}
.wedocs-single-content .entry-content pre code { background: transparent; border: none; padding: 0; color: var(--wd-text-mid); }

/* Blockquote — info style by default */
.wedocs-single-content .entry-content blockquote {
    background: var(--wd-info-bg); border-left: 3px solid var(--wd-info-br);
    border-radius: 0 9px 9px 0; margin: 20px 0; padding: 16px 20px;
    color: var(--wd-info-tx); font-style: normal;
}

/* Callout classes (add these in post editor for styled boxes) */
.wedocs-single-content .entry-content .callout-tip { background: var(--wd-tip-bg); border: 1px solid var(--wd-tip-br); border-left: 3px solid var(--wd-tip-tx); color: var(--wd-tip-tx); border-radius: 0 9px 9px 0; padding: 14px 18px; margin: 16px 0; }
.wedocs-single-content .entry-content .callout-warn { background: var(--wd-warn-bg); border: 1px solid var(--wd-warn-br); border-left: 3px solid var(--wd-warn-tx); color: var(--wd-warn-tx); border-radius: 0 9px 9px 0; padding: 14px 18px; margin: 16px 0; }
.wedocs-single-content .entry-content .callout-danger { background: var(--wd-danger-bg); border: 1px solid var(--wd-danger-br); border-left: 3px solid var(--wd-danger-tx); color: var(--wd-danger-tx); border-radius: 0 9px 9px 0; padding: 14px 18px; margin: 16px 0; }

/* Tables */
.wedocs-single-content .entry-content table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: .875rem; border: 1px solid var(--wd-border); border-radius: 9px; overflow: hidden; }
.wedocs-single-content .entry-content thead th { background: var(--wd-s2); color: var(--wd-text); padding: 11px 16px; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid var(--wd-border); }
.wedocs-single-content .entry-content td { padding: 11px 16px; border-bottom: 1px solid rgba(46,52,65,.8); color: var(--wd-text-mid); vertical-align: top; }
.wedocs-single-content .entry-content tbody tr:last-child td { border-bottom: none; }
.wedocs-single-content .entry-content tbody tr:nth-child(even) td { background: rgba(255,255,255,.02); }
.wedocs-single-content .entry-content hr { border: none; border-top: 1px solid var(--wd-border); margin: 32px 0; }
.wedocs-single-content .entry-content em { color: var(--wd-text-mute); font-size: .82rem; font-style: italic; }

/* ─── ARTICLE CHILDREN GRID ─────────────────────────────────────────────── */
.article-child.well {
    background: var(--wd-s1); border: 1px solid var(--wd-border);
    border-radius: 14px; padding: 24px 28px; margin-top: 28px;
}
.article-child.well h3 { font-size: .78rem; font-weight: 700; color: var(--wd-cyan); margin: 0 0 16px; text-transform: uppercase; letter-spacing: .05em; }
.article-child.well ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap: 8px; }
.article-child.well ul li a { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: var(--wd-s2); border: 1px solid var(--wd-border); border-radius: 9px; color: var(--wd-text-mid); font-size: .875rem; text-decoration: none !important; transition: border-color .15s, background .15s, color .15s; }
.article-child.well ul li a::before { content: '→'; color: var(--wd-cyan); flex-shrink: 0; }
.article-child.well ul li a:hover { border-color: var(--wd-border-2); background: var(--wd-s3); color: var(--wd-cyan); }

/* ─── PREV/NEXT NAV — see .wedocs-doc-nav block near end of file ─────────── */

/* ─── PROMO BOX ──────────────────────────────────────────────────────────── */
.zy-doc-promo {
    margin-top: 40px;
    padding: 28px 32px;
    background: linear-gradient(135deg, var(--wd-s1) 0%, #1a2030 100%);
    border: 1px solid var(--wd-border);
    border-left: 3px solid var(--wd-orange);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}
.zy-doc-promo-icon { font-size: 2.2rem; flex-shrink: 0; }
.zy-doc-promo-body { flex: 1; min-width: 200px; }
.zy-doc-promo-label {
    font-size: .68rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .1em; color: var(--wd-orange); margin-bottom: 6px; display: block;
}
.zy-doc-promo-title { font-size: 1.05rem; font-weight: 700; color: var(--wd-text); margin: 0 0 6px; }
.zy-doc-promo-desc { font-size: .875rem; color: var(--wd-text-mid); margin: 0; line-height: 1.55; }
.zy-doc-promo-ctas { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; flex-shrink: 0; }
.zy-doc-promo-cta-primary {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 22px; background: var(--wd-orange); color: #fff !important;
    font-size: .875rem; font-weight: 600; border-radius: 8px;
    text-decoration: none !important; transition: opacity .2s, transform .15s;
    white-space: nowrap;
}
.zy-doc-promo-cta-primary:hover { opacity: .9; transform: translateY(-1px); }
.zy-doc-promo-cta-secondary {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 20px; background: transparent; color: var(--wd-text-mid) !important;
    font-size: .875rem; font-weight: 500; border-radius: 8px;
    border: 1px solid var(--wd-border-2); text-decoration: none !important;
    transition: border-color .2s, color .2s;
    white-space: nowrap;
}
.zy-doc-promo-cta-secondary:hover { border-color: var(--wd-orange); color: var(--wd-orange) !important; }

/* ─── RELATED ARTICLES — see block near end of file ─────────────────────── */

/* ─── VOTE FEEDBACK-CONTENT WRAPPER ─────────────────────────────────────── */
/* weDocs JS replaces .feedback-content with a .wedocs-alert after vote */
.zy-footer-right .feedback-content { display: flex; align-items: center; }
.zy-footer-right .feedback-content .wedocs-alert {
    font-size: .82rem !important;
    padding: 6px 14px !important;
    border-radius: 7px !important;
    margin: 0 !important;
}
.zy-footer-right .feedback-content .wedocs-alert-success {
    background: rgba(14,46,32,.8) !important;
    border: 1px solid #1a5c3a !important;
    color: #5cd9a0 !important;
}
.zy-footer-right .feedback-content .wedocs-alert-danger {
    background: rgba(42,16,16,.8) !important;
    border: 1px solid #5c2020 !important;
    color: #f08080 !important;
}

/* ─── FOOTER BAR ─────────────────────────────────────────────────────────── */
.zy-doc-footer-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px !important;
    margin-top: 40px !important;
    padding: 0 20px !important;
    background: var(--wd-s1) !important;
    border: 1px solid var(--wd-border) !important;
    border-radius: 10px !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

/* Left — still stuck — stretches to push right side to the edge */
.zy-footer-left { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.zy-footer-stuck { font-size: .875rem; color: var(--wd-text-mid); }
.zy-footer-stuck a { color: var(--wd-cyan) !important; text-decoration: underline; text-decoration-color: rgba(6,182,212,.3); }
.zy-footer-stuck a:hover { text-decoration-color: var(--wd-cyan); }
.zy-footer-updated { font-size: .75rem; color: var(--wd-text-mute); }

/* Right — feedback — hugs the right edge */
.zy-footer-right { display: flex; align-items: center; flex-shrink: 0; background: transparent !important; }
/* weDocs default CSS may set white background on these — force transparent */
.zy-footer-right .feedback-content,
.zy-footer-right .wedocs-feedback-wrap,
.zy-footer-right > * { background: transparent !important; }
.zy-footer-right .wedocs-feedback-wrap { display: flex; align-items: center; gap: 10px; }
.zy-footer-helpful-label { font-size: .84rem; color: var(--wd-text-dim); white-space: nowrap; }
.vote-link-wrap { display: flex; gap: 6px; }
.zy-vote-btn {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 6px 12px; border-radius: 6px; text-decoration: none !important;
    font-size: .82rem; font-weight: 500; transition: all .2s;
    border: 1px solid var(--wd-border); color: var(--wd-text-dim) !important;
    background: var(--wd-s2);
}
.zy-vote-btn svg { transition: color .2s; }
.zy-vote-btn:hover { border-color: var(--wd-border-2); background: var(--wd-s3); }
.zy-vote-yes:hover { color: #5cd9a0 !important; border-color: #1a5c3a !important; background: rgba(14,46,32,.6) !important; }
.zy-vote-no:hover  { color: #f08080 !important; border-color: #5c2020 !important; background: rgba(42,16,16,.6) !important; }
.zy-vote-btn .count { font-size: .75rem; color: var(--wd-text-mute); background: transparent !important; }

/* ─── CONTACT MODAL — solid opaque dark panel ────────────────────────────── */
#wedocs-modal-backdrop {
    position: fixed !important; inset: 0 !important;
    background: rgba(0,0,0,.82) !important;
    z-index: 99998 !important;
    display: none;
}
/* Use body prefix for highest cascade weight without JS inline style */
body #wedocs-contact-modal,
#wedocs-contact-modal.wedocs-contact-modal {
    position: fixed !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%,-50%) !important;
    z-index: 99999 !important;
    width: 92% !important; max-width: 500px !important;
    background: #1a1e26 !important;   /* hard-coded — no var() resolution risk */
    border: 1px solid #3a4254 !important;
    border-radius: 14px !important;
    box-shadow: 0 28px 72px rgba(0,0,0,.75) !important;
    display: none;
    overflow: hidden !important;
    backdrop-filter: none !important;  /* kill any inherited blur */
}
/* Header row */
.wedocs-modal-header {
    display: flex !important; align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 24px !important;
    border-bottom: 1px solid #2e3441 !important;
    background: #20252f !important;
}
/* Pin h3 — Astra global heading styles can inflate this; lock it down */
#wedocs-contact-modal .wedocs-modal-header h3,
.wedocs-modal-header h3 {
    margin: 0 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #eef0f4 !important;
    font-family: 'DM Sans', system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.wedocs-modal-close {
    color: #6b7585 !important; text-decoration: none !important;
    font-size: 1.2rem !important; line-height: 1 !important;
    flex-shrink: 0 !important;
}
.wedocs-modal-close:hover { color: #eef0f4 !important; }
.wedocs-modal-body { padding: 24px 24px 20px !important; background: #1a1e26 !important; }
.wedocs-form-row { margin-bottom: 18px !important; }
/* Brighter labels — was too dim */
#wedocs-contact-modal label,
.wedocs-form-row label {
    display: block !important;
    font-size: .83rem !important;
    font-weight: 600 !important;
    color: #c8d1e0 !important;    /* --wd-text-mid */
    margin-bottom: 6px !important;
    font-family: 'DM Sans', system-ui, sans-serif !important;
}
/* Inputs — bright text, solid bg */
#wedocs-contact-modal .wedocs-form-field input,
#wedocs-contact-modal .wedocs-form-field textarea,
.wedocs-form-field input,
.wedocs-form-field textarea {
    width: 100% !important;
    background: #20252f !important;
    color: #eef0f4 !important;          /* near-white text */
    border: 1px solid #2e3441 !important;
    border-radius: 7px !important;
    padding: 9px 12px !important;
    font-size: .875rem !important;
    font-family: 'DM Sans', system-ui, sans-serif !important;
    box-sizing: border-box !important;
    transition: border-color .18s !important;
    -webkit-appearance: none !important;
}
#wedocs-contact-modal .wedocs-form-field input:focus,
#wedocs-contact-modal .wedocs-form-field textarea:focus,
.wedocs-form-field input:focus,
.wedocs-form-field textarea:focus {
    outline: none !important;
    border-color: #3a4254 !important;
    box-shadow: 0 0 0 2px rgba(6,182,212,.15) !important;
}
/* Placeholder text — visible but muted */
#wedocs-contact-modal .wedocs-form-field input::placeholder,
#wedocs-contact-modal .wedocs-form-field textarea::placeholder,
.wedocs-form-field input::placeholder,
.wedocs-form-field textarea::placeholder { color: #6b7585 !important; }
/* Disabled inputs (pre-filled email) — prevent browser grey-out */
#wedocs-contact-modal .wedocs-form-field input:disabled,
.wedocs-form-field input:disabled {
    opacity: 1 !important;
    color: #aab2c0 !important;
    cursor: default !important;
}
.wedocs-form-action { text-align: right !important; padding-top: 6px !important; }
.wedocs-form-action input[type="submit"] {
    background: #fe6413 !important; color: #fff !important;
    border: none !important; border-radius: 8px !important;
    padding: 10px 26px !important;
    font-size: .875rem !important; font-weight: 600 !important;
    cursor: pointer !important; font-family: 'DM Sans', system-ui, sans-serif !important;
    transition: opacity .2s !important;
}
.wedocs-form-action input[type="submit"]:hover { opacity: .88 !important; }
.wedocs-alert { padding: 12px 16px; border-radius: 7px; margin-bottom: 14px; font-size: .875rem; }
.wedocs-alert-danger { background: #2a1010; border: 1px solid #5c2020; color: #f08080; }
.wedocs-alert-success { background: #0e2e20; border: 1px solid #1a5c3a; color: #5cd9a0; }

/* ─── SEARCH MODAL (overlay) ─────────────────────────────────────────────── */
/*
 * Plugin uses flex-direction:column on overlay, margin:0 auto on .doc-search-modal.
 * align-items:center = horizontal centering in column-direction flex.
 * padding-top replaces plugin's 12vh container padding (removed below).
 */
#wedocs-single-doc-search-modal {
    position: fixed !important; inset: 0 !important;
    z-index: 100000 !important;
    background: rgba(0,0,0,.72) !important;
    backdrop-filter: blur(6px) !important;
    display: none;
    flex-direction: column !important;
    align-items: center !important;         /* FIX: was flex-start — left-aligned in column flex */
    justify-content: flex-start !important;
    padding-top: 80px !important;
    overflow-y: auto !important;
}
#wedocs-single-doc-search-modal.active { display: flex !important; }
/* Lock page scroll while modal is open */
body:has(#wedocs-single-doc-search-modal.active) { overflow: hidden !important; }

/* Container — remove plugin's 12vh padding, set our width */
#wedocs-single-doc-search-modal .doc-search-container {
    width: min(760px, 94vw) !important;
    max-width: 94vw !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}
/* Modal panel */
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal,
#wedocs-single-doc-search-modal .doc-search-modal {
    background: var(--wd-s1) !important; border: 1px solid var(--wd-border-2) !important;
    border-radius: 14px !important; box-shadow: 0 24px 60px rgba(0,0,0,.55) !important;
    overflow: hidden !important;
    max-width: none !important;  /* beat plugin's 47.375rem limit */
    width: 100% !important;
    margin: 0 !important;
}
/* Header row */
#wedocs-single-doc-search-modal .modal-header.doc-search-bar,
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-header {
    display: flex !important; align-items: center !important; gap: 0 !important;
    padding: 0 18px !important;
    border-bottom: 1px solid var(--wd-border) !important; background: transparent !important;
    height: 56px !important;
}
/* Search input */
#wedocs-single-doc-search-modal #doc-search-input {
    background: transparent !important; border: none !important; outline: none !important;
    box-shadow: none !important;
    color: var(--wd-text) !important; font-size: 1rem !important;
    font-family: 'DM Sans',system-ui,sans-serif !important; caret-color: var(--wd-cyan) !important;
    height: 56px !important;
}
#wedocs-single-doc-search-modal #doc-search-input::placeholder { color: var(--wd-text-mute) !important; }
/* ESC cancel button */
#wedocs-single-doc-search-modal .doc-search-cancel {
    background: var(--wd-s2) !important; border: 1px solid var(--wd-border) !important;
    border-radius: 6px !important; color: var(--wd-text-mute) !important;
    font-size: .7rem !important; padding: 4px 10px !important; cursor: pointer !important;
    font-family: 'DM Sans',system-ui,sans-serif !important; font-weight: 600 !important;
    width: auto !important; height: auto !important; flex-shrink: 0 !important;
}
/* Results area — FIX double scrollbar: remove overflow from modal-body wrapper,
   only let the inner .doc-search-hits scroll (plugin already sets overflow:scroll on it) */
#wedocs-single-doc-search-modal .modal-body.doc-search-dropdown,
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-body {
    overflow: visible !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
}
/* Inner hits list — single scrollbar here */
#wedocs-single-doc-search-modal .doc-search-dropdown-container .doc-search-hits,
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-body .doc-search-dropdown-container .doc-search-hits {
    max-height: 420px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(6,182,212,.2) transparent !important;
}
/* Empty state */
#wedocs-single-doc-search-modal .doc-empty-search {
    color: var(--wd-text-mute) !important; text-align: center !important;
    padding: 32px !important; font-size: .875rem !important;
}
/* Result row — dark background */
#wedocs-single-doc-search-modal .doc-search-hit-result {
    border-radius: 9px !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: background .12s !important;
}
/* Hover: cyan tint — !important beats any JS inline style */
#wedocs-single-doc-search-modal .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover,
#wedocs-single-doc-search-modal .doc-search-dropdown-container .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover {
    background: rgba(6,182,212,.09) !important;
}
/* Hit parts */
#wedocs-single-doc-search-modal .doc-search-hit-icon { background: var(--wd-s2) !important; border: 1px solid var(--wd-border) !important; box-shadow: none !important; }
#wedocs-single-doc-search-modal .doc-search-hit-title { color: var(--wd-text-mid) !important; }
#wedocs-single-doc-search-modal .doc-search-hit-path { background: rgba(6,182,212,.12) !important; color: var(--wd-cyan) !important; }
#wedocs-single-doc-search-modal .parent-doc-nav,
#wedocs-single-doc-search-modal .section-doc-nav { color: var(--wd-text-dim) !important; font-weight: 400 !important; }
/* On-hover colour updates */
#wedocs-single-doc-search-modal .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover .doc-search-hit-title { color: var(--wd-cyan) !important; }
#wedocs-single-doc-search-modal .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover .doc-search-hit-path { background: rgba(6,182,212,.22) !important; }
#wedocs-single-doc-search-modal .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover .doc-search-hit-icon { background: var(--wd-s3) !important; }
/* Content wrapper — plugin sets white bg on hover; force dark */
#wedocs-single-doc-search-modal .doc-search-hit-content-wrapper { background: transparent !important; }
#wedocs-single-doc-search-modal .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover .doc-search-hit-content-wrapper {
    background: transparent !important;
    color: var(--wd-text-mid) !important;
}

/* ─── PREV / NEXT NAV (weDocs free version structure) ────────────────────── */
/* Plugin outputs: <nav.wedocs-doc-nav><span.nav-prev><a>…</a></span><span.nav-next>…</span></nav> */
.wedocs-doc-nav {
    display: flex !important;
    gap: 12px !important;
    justify-content: space-between !important;
    margin-top: 48px !important;
    padding: 20px 0 0 !important;
    border-top: 1px solid var(--wd-border) !important;
    border-bottom: none !important;
    float: none !important;
    clear: both !important;
}
.wedocs-doc-nav .nav-prev,
.wedocs-doc-nav .nav-next {
    flex: 1 !important;
    float: none !important;
    width: auto !important;
}
/* nav-next is always right-aligned; margin-left: auto also pushes it right when it's the only child */
.wedocs-doc-nav .nav-next {
    text-align: right !important;
    margin-left: auto !important;
}
.wedocs-doc-nav .nav-prev a,
.wedocs-doc-nav .nav-next a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 14px 20px !important;
    background: var(--wd-s1) !important;
    border: 1px solid var(--wd-border) !important;
    border-radius: 10px !important;
    color: var(--wd-text-mid) !important;
    font-size: .88rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: border-color .18s, background .18s !important;
    max-width: 100% !important;
}
.wedocs-doc-nav .nav-prev a:hover,
.wedocs-doc-nav .nav-next a:hover {
    border-color: var(--wd-border-2) !important;
    background: var(--wd-s2) !important;
    color: var(--wd-text) !important;
}

/* ─── RELATED ARTICLES — 2 columns with excerpt ──────────────────────────── */
.zy-doc-related { margin-top: 36px; }
.zy-doc-related-title {
    font-size: .72rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .1em; color: var(--wd-text-mute); margin-bottom: 12px; display: block;
}
.zy-doc-related-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    list-style: none; margin: 0; padding: 0;
}
.zy-doc-related-list li a {
    display: flex; flex-direction: column; gap: 8px;
    padding: 18px 20px; height: 100%;
    background: var(--wd-s1); border: 1px solid var(--wd-border); border-radius: 10px;
    color: var(--wd-text-mid) !important;
    text-decoration: none !important;
    transition: border-color .15s, background .15s;
    box-sizing: border-box;
}
.zy-doc-related-list li a:hover { border-color: var(--wd-border-2); background: var(--wd-s2); color: var(--wd-text) !important; }
.zy-rel-header { display: flex; align-items: center; gap: 9px; }
.zy-rel-icon { color: var(--wd-cyan); flex-shrink: 0; }
.zy-rel-title { font-size: .9rem; font-weight: 600; color: var(--wd-text); line-height: 1.35; }
.zy-rel-excerpt { font-size: .82rem; color: var(--wd-text-mute); line-height: 1.55; margin: 0; }

/* ─── DOCS LISTING PAGE (/docs/) ─────────────────────────────────────────── */

/*
 * Astra sets entry-content/primary/main to width:100%, padding:0.
 * We need to break free of any sidebar layout and center the wrap ourselves.
 * :has() selector targets only the docs listing page.
 */
body.page:has(.wedocs-shortcode-wrap) #primary,
body.page:has(.wedocs-shortcode-wrap) .content-area,
body.page:has(.wedocs-shortcode-wrap) main#main,
body.page:has(.wedocs-shortcode-wrap) .site-main,
body.page:has(.wedocs-shortcode-wrap) .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    flex: 1 1 100% !important;
}
/* Hide any sidebar on the docs listing page */
body.page:has(.wedocs-shortcode-wrap) #secondary,
body.page:has(.wedocs-shortcode-wrap) .widget-area { display: none !important; }

/* Page title — center it */
body.page:has(.wedocs-shortcode-wrap) .entry-title,
body.page:has(.wedocs-shortcode-wrap) h1.page-title,
body.page:has(.wedocs-shortcode-wrap) .ast-page-title { text-align: center !important; }

/* Shortcode wrap — centered, max 1200px, equal side padding */
.wedocs-shortcode-wrap {
    max-width: 1200px !important;
    margin: 56px auto !important;
    padding: 0 48px !important;
    box-sizing: border-box !important;
}

/* Hide the plain text search bar everywhere on docs — modal is used instead */
.wedocs-shortcode-wrap .wedocs-search-input,
.wedocs-shortcode-wrap .wedocs-search-form,
.wedocs-shortcode-wrap .search-submit,
.wedocs-sidebar .wedocs-search-form,
.wedocs-sidebar .search-submit,
body.single-docs .wedocs-search-form { display: none !important; }

/* Kill Astra's auto-injected search button inside the weDocs sidebar trigger.
   Astra detects <input type="text" name="s"> and appends a search-submit button.
   Changing input type to "text" (done in template) stops most of it; this catches any remnant. */
body.single-docs button.search-submit,
body.single-docs .wedocs-single-search-input button,
body.single-docs .wedocs-single-search-input .search-submit { display: none !important; }

/* Docs grid — always 2 columns to match shortcode col-2 attribute */
.wedocs-shortcode-wrap ul.wedocs-docs-list,
.wedocs-shortcode-wrap ul.wedocs-docs-list.col-2,
.wedocs-shortcode-wrap ul.wedocs-docs-list.col-3 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Clearfix pseudo-elements must not create layout artifacts in grid */
.wedocs-shortcode-wrap ul.wedocs-docs-list::before,
.wedocs-shortcode-wrap ul.wedocs-docs-list::after { display: none !important; }

/* Each doc card — RESET plugin's float/width/clear before applying our styles */
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single,
.wedocs-shortcode-wrap ul.wedocs-docs-list.col-2 > li,
.wedocs-shortcode-wrap ul.wedocs-docs-list.col-3 > li,
.wedocs-shortcode-wrap ul.wedocs-docs-list.col-2 > li:nth-child(2n+1),
.wedocs-shortcode-wrap ul.wedocs-docs-list.col-3 > li:nth-child(3n+1) {
    float: none !important;
    clear: none !important;
    width: 100% !important;           /* fill full grid column */
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    background: var(--wd-s1) !important;
    border: 1px solid var(--wd-border) !important;
    border-radius: 14px !important;
    padding: 26px 28px !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    transition: border-color .18s !important;
    overflow: hidden !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    position: static !important;
}
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single:hover { border-color: var(--wd-border-2) !important; }

/* Doc title */
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single h3 {
    font-size: 1.05rem !important; font-weight: 700 !important;
    color: var(--wd-text) !important; margin: 0 0 14px !important;
    line-height: 1.3 !important; padding-bottom: 12px !important;
    border-bottom: 1px solid var(--wd-border) !important;
}
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single h3 a {
    color: var(--wd-text) !important; text-decoration: none !important;
    display: block !important; word-break: break-word !important;
}
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single h3 a:hover { color: var(--wd-cyan) !important; }

/* .inside — fills remaining card height, must not overflow horizontally */
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single .inside {
    height: auto !important;
    overflow: hidden !important;     /* FIX: was visible — caused section list bleed */
    flex: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
}
/* Empty state icon+text */
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single .inside > span {
    color: var(--wd-text-mute) !important; font-size: .875rem !important;
    display: flex !important; align-items: center !important; gap: 8px !important;
}
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single .inside > span svg path { stroke: var(--wd-text-mute) !important; }

/* Section list — full width, no overflow */
.wedocs-shortcode-wrap ul.wedocs-doc-sections {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
/* Section item — block, full width */
.wedocs-shortcode-wrap ul.wedocs-doc-sections > li {
    margin-bottom: 1px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
/* Section link — wraps long titles, does not bleed */
.wedocs-shortcode-wrap ul.wedocs-doc-sections > li > a.icon-view {
    display: flex !important;
    align-items: flex-start !important;
    gap: 4px !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: .875rem !important;
    font-weight: 500 !important;
    color: var(--wd-text-dim) !important;
    text-decoration: none !important;
    transition: background .12s, color .12s !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
    overflow: hidden !important;
}
.wedocs-shortcode-wrap ul.wedocs-doc-sections > li > a.icon-view:hover {
    background: rgba(255,255,255,.04) !important;
    color: var(--wd-text) !important;
}
/* Hide plugin's floating chevron svg (sibling of <li>, not inside <a>) */
.wedocs-shortcode-wrap ul.wedocs-doc-sections > li > svg,
.wedocs-shortcode-wrap ul.wedocs-doc-sections > svg { display: none !important; }

/*
 * CHILDREN SUB-LIST — two structural issues:
 * 1. Plugin renders <ul class="children"> as sibling to <li> inside <ul.wedocs-doc-sections>.
 *    Invalid HTML — browsers place it inside .inside but outside ul.wedocs-doc-sections.
 * 2. weDocs plugin JS/CSS may use position:absolute on .children.active for the
 *    sidebar dropdown — which escapes the card entirely on the listing page.
 * Fix: force position:static and contain with .inside selectors.
 */
.wedocs-shortcode-wrap .inside > ul.children,
.wedocs-shortcode-wrap .inside ul.children,
.wedocs-shortcode-wrap ul.wedocs-doc-sections ul.children {
    position: static !important;
    list-style: none !important;
    margin: 2px 0 4px 10px !important;
    padding: 0 0 0 14px !important;
    border-left: 1px solid var(--wd-border) !important;
    max-width: calc(100% - 24px) !important;
    width: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
}
/* Article links inside children — wrapping, no bleed */
.wedocs-shortcode-wrap .inside > ul.children li a,
.wedocs-shortcode-wrap .inside ul.children li a,
.wedocs-shortcode-wrap ul.wedocs-doc-sections ul.children li a {
    display: block !important;
    padding: 3px 8px !important;
    font-size: .82rem !important;
    color: var(--wd-text-mute) !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    transition: color .1s !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.wedocs-shortcode-wrap .inside > ul.children li a:hover,
.wedocs-shortcode-wrap .inside ul.children li a:hover { color: var(--wd-cyan) !important; }

/* Show/hide — plugin toggles .active on the children ul */
.wedocs-shortcode-wrap .inside > ul.children:not(.active),
.wedocs-shortcode-wrap ul.children:not(.active) { display: none !important; }
.wedocs-shortcode-wrap .inside > ul.children.active,
.wedocs-shortcode-wrap ul.children.active {
    display: block !important;
    position: static !important;  /* prevent plugin JS from making it absolute */
}

/* Divider */
.wedocs-shortcode-wrap ul.wedocs-docs-list li.wedocs-docs-single hr.divider {
    border: none !important;
    border-top: 1px solid var(--wd-border) !important;
    margin: 14px 0 10px !important;
}
/* "View all" link at card bottom */
.wedocs-shortcode-wrap .wedocs-doc-link a {
    font-size: .82rem !important;
    color: var(--wd-cyan) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.wedocs-shortcode-wrap .wedocs-doc-link a:hover { text-decoration: underline !important; }

/* ─── HIDE AI CITATION MARKER BUTTONS (from AI-written content) ──────────── */
/* These are <button class="xap-inline-dialog citation-marker"> injected by AI tools */
button.citation-marker,
.citation-marker,
button.xap-inline-dialog,
.xap-inline-dialog.citation-marker { display: none !important; }

/* ─── RESPONSIVE ─────────────────────────────────────────────────────────── */
@media (max-width: 960px) {
    .wedocs-sidebar { display: none !important; }
    .wedocs-single-content { padding: 28px 24px 60px; }
    .zy-doc-footer-bar { min-height: auto; padding: 14px 16px; flex-direction: column; align-items: flex-start; }
    .zy-doc-related-list { grid-template-columns: 1fr; }
    /* 2 → 1 column on tablet */
    .wedocs-shortcode-wrap ul.wedocs-docs-list,
    .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2,
    .wedocs-shortcode-wrap ul.wedocs-docs-list.col-3 { grid-template-columns: 1fr !important; }
    /* Keep li width reset at tablet too */
    .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2 > li,
    .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2 > li:nth-child(2n+1) {
        width: 100% !important; float: none !important; clear: none !important; margin-right: 0 !important;
    }
    .wedocs-shortcode-wrap { padding: 0 24px !important; margin: 40px auto !important; }
}
@media (max-width: 600px) {
    .wedocs-single-content { padding: 20px 16px 48px; }
    .wedocs-single-content .entry-title { font-size: 1.4rem; }
    .zy-doc-promo { padding: 20px; flex-direction: column; }
    #wedocs-contact-modal { width: calc(100% - 32px); top: 50%; }
    #wedocs-single-doc-search-modal { padding-top: 60px !important; }
    .wedocs-shortcode-wrap { padding: 0 16px !important; margin: 28px auto !important; }
    .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2 > li,
    .wedocs-shortcode-wrap ul.wedocs-docs-list.col-2 > li:nth-child(2n+1) {
        width: 100% !important; float: none !important; clear: none !important; margin-right: 0 !important;
    }
}