/* ===== BNT: modernize the BetterDocs category archive (/docs-category/<slug>/) =====
   - show ONLY the current category (docs-archive.js marks the others .bnt-hide)
   - the theme hero already shows the category name, so drop the in-body header
   - render the doc list as a brand-styled responsive card grid
   Scoped to .betterdocs-category-archive-wrapper so single-doc pages are untouched. */

/* only the current category remains */
.betterdocs-single-category-wrapper.bnt-hide{display:none!important}

/* This layout renders the docs TWICE: a category grid inside aside.betterdocs-sidebar
   (we keep + card-ify this) and a plain duplicate in .betterdocs-content-area (hide it).
   The theme hero already shows the category title + breadcrumb, so nothing is lost. */
.betterdocs-category-archive-wrapper .betterdocs-content-area{display:none!important}
.betterdocs-category-archive-wrapper .betterdocs-content-wrapper{display:block!important}
.betterdocs-category-archive-wrapper aside.betterdocs-sidebar{width:100%!important;max-width:100%!important;flex:1 1 100%!important;float:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.betterdocs-category-archive-wrapper .betterdocs-sidebar-content{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}

/* drop the redundant in-body category header (gray folder icon + repeated title) */
.betterdocs-category-archive-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header{display:none!important}
.betterdocs-category-archive-wrapper .betterdocs-single-category-inner{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.betterdocs-category-archive-wrapper .betterdocs-category-grid-inner-wrapper{display:block!important}
.betterdocs-category-archive-wrapper .betterdocs-single-category-wrapper{width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;break-inside:auto!important}

/* doc list -> responsive card grid (defeat masonry inline positioning too) */
.betterdocs-category-archive-wrapper .betterdocs-articles-list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:13px;margin:0!important;padding:0!important;list-style:none!important;position:static!important;height:auto!important}
.betterdocs-category-archive-wrapper .betterdocs-articles-list li{position:static!important;top:auto!important;left:auto!important;width:auto!important;display:flex;align-items:center;gap:0;margin:0!important;padding:0;background:#fff;border:1px solid #e3e7f5;border-radius:12px;transition:transform .2s cubic-bezier(.2,.7,.3,1),border-color .2s,box-shadow .2s}
.betterdocs-category-archive-wrapper .betterdocs-articles-list li:hover{transform:translateY(-3px);border-color:#294df0;box-shadow:0 16px 30px -16px rgba(41,77,240,.35)}
.betterdocs-category-archive-wrapper .betterdocs-articles-list li>svg{width:18px;height:18px;flex:0 0 auto;margin:0 2px 0 16px}
.betterdocs-category-archive-wrapper .betterdocs-articles-list li>svg .st0,
.betterdocs-category-archive-wrapper .betterdocs-articles-list li>svg path{fill:#9aa5cf!important;transition:fill .2s}
.betterdocs-category-archive-wrapper .betterdocs-articles-list li:hover>svg .st0,
.betterdocs-category-archive-wrapper .betterdocs-articles-list li:hover>svg path{fill:#294df0!important}
.betterdocs-category-archive-wrapper .betterdocs-articles-list li a{flex:1;min-width:0;display:block;padding:15px 16px 15px 12px;color:#243056!important;font-size:14.5px;font-weight:500;text-decoration:none!important;line-height:1.55}
.betterdocs-category-archive-wrapper .betterdocs-articles-list li:hover a{color:#294df0!important}

/* hide the per-category "more" button + count chrome inside the list (cleaner) */
.betterdocs-category-archive-wrapper .betterdocs-single-category-wrapper .betterdocs-explore-more-btn{display:none!important}

/* sidebar: keep as a category nav, collapse the redundant nested doc lists */
.betterdocs-category-archive-wrapper .betterdocs-sidebar ul ul,
.betterdocs-category-archive-wrapper .betterdocs-category-sidebar ul ul,
.betterdocs-category-archive-wrapper .betterdocs-sidebar-content ul ul{display:none!important}
.betterdocs-category-archive-wrapper .betterdocs-sidebar a{transition:color .15s}
.betterdocs-category-archive-wrapper .betterdocs-sidebar a:hover{color:#294df0!important}

/* search: recolor the default green submit to the brand blue, soften the field */
.betterdocs-category-archive-wrapper .betterdocs-search-submit,
.betterdocs-category-archive-wrapper .betterdocs-advance-searchform input[type="submit"]{background:#294df0!important;border:0!important;border-radius:9px!important;font-weight:600!important;letter-spacing:.04em;transition:background .15s}
.betterdocs-category-archive-wrapper .betterdocs-search-submit:hover,
.betterdocs-category-archive-wrapper .betterdocs-advance-searchform input[type="submit"]:hover{background:#1f3fd4!important}
.betterdocs-category-archive-wrapper .betterdocs-popular-search-keyword a:hover{color:#294df0!important;border-color:#294df0!important}

@media(max-width:1024px){
  .betterdocs-category-archive-wrapper .betterdocs-articles-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .betterdocs-category-archive-wrapper .betterdocs-articles-list{grid-template-columns:1fr}
}

/* ---- grouped sections for a parent category with children (Tech Blog) ---- */
/* hide BetterDocs' own subcategory header cards (href="#") - we render grouped sections instead */
.betterdocs-category-archive-wrapper .betterdocs-nested-category-wrapper{display:none!important}
.betterdocs-category-archive-wrapper .bnt-grp{margin:0 0 28px}
.betterdocs-category-archive-wrapper .bnt-grp-h{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:600;color:#1e0d6f;margin:0 0 14px;padding-bottom:11px;border-bottom:1px solid #e9ecf6}
.betterdocs-category-archive-wrapper .bnt-grp-bar{width:4px;height:18px;border-radius:2px;background:linear-gradient(#294df0,#5d4dd6);display:inline-block;flex:0 0 auto}
.betterdocs-category-archive-wrapper .bnt-grp-n{margin-left:auto;font-size:12.5px;font-weight:500;color:#5566a8;background:#eef2ff;border-radius:999px;padding:3px 11px}

/* ---- subcategory archive: fall back to the content-area (sidebar can't render a child term) ---- */
.bnt-show-ca .betterdocs-content-wrapper{display:block!important}
.bnt-show-ca aside.betterdocs-sidebar{display:none!important}
.bnt-show-ca .betterdocs-content-area{display:block!important;width:100%!important;max-width:100%!important;flex:1 1 100%!important}
.bnt-show-ca .betterdocs-content-area .betterdocs-breadcrumb-list,
.bnt-show-ca .betterdocs-content-area .betterdocs-mobile-nav{display:none!important}
.bnt-show-ca .betterdocs-content-area > .betterdocs-content-inner-area > h2:first-of-type{display:none!important}
.bnt-show-ca .betterdocs-content-area .betterdocs-articles-list,
.bnt-show-ca .betterdocs-content-area .betterdocs-nested-category-list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 0 6px!important;padding:0!important;list-style:none!important}
.bnt-show-ca .betterdocs-content-area .betterdocs-articles-list li,
.bnt-show-ca .betterdocs-content-area .betterdocs-nested-category-list li{display:flex;align-items:center;margin:0!important;padding:0;background:#fff;border:1px solid #e3e7f5;border-radius:12px;transition:transform .2s cubic-bezier(.2,.7,.3,1),border-color .2s,box-shadow .2s}
.bnt-show-ca .betterdocs-content-area li:hover{transform:translateY(-3px);border-color:#294df0;box-shadow:0 16px 30px -16px rgba(41,77,240,.35)}
.bnt-show-ca .betterdocs-content-area li>svg{width:18px;height:18px;flex:0 0 auto;margin:0 2px 0 16px}
.bnt-show-ca .betterdocs-content-area li>svg path{fill:#9aa5cf!important}
.bnt-show-ca .betterdocs-content-area li:hover>svg path{fill:#294df0!important}
.bnt-show-ca .betterdocs-content-area li a{flex:1;min-width:0;display:block;padding:15px 16px 15px 12px;color:#243056!important;font-size:14.5px;font-weight:500;text-decoration:none!important;line-height:1.55}
.bnt-show-ca .betterdocs-content-area li:hover a{color:#294df0!important}
@media(max-width:1024px){.bnt-show-ca .betterdocs-content-area .betterdocs-articles-list,.bnt-show-ca .betterdocs-content-area .betterdocs-nested-category-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bnt-show-ca .betterdocs-content-area .betterdocs-articles-list,.bnt-show-ca .betterdocs-content-area .betterdocs-nested-category-list{grid-template-columns:1fr}}