/** * Doc-page chrome overrides — load last in on developer docs pages. * Hides legacy header/sidebar search remnants; shows platform header + wide center search. */ /* Legacy header off — platform nav is the only top bar */ body.developer-docs-page #masthead.site-header > .top-header, body.developer-docs-page #masthead.site-header > .bottom-header { display: none !important; } body.developer-docs-page #masthead.site-header > #ppl-platform-nav.ppl-platform-nav { display: block !important; visibility: visible !important; height: auto !important; min-height: var(--ppl-nav-height, 72px) !important; } body.developer-docs-page #masthead .header-site-search { display: none !important; } /* Sidebar search removed from markup; belt-and-suspenders hide */ body.developer-docs-page .developer-docs-sidebar-search, body.developer-docs-page .developer-docs-sidebar-search-input { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } /* Sidebar: one vertical rule only (drop duplicate .developer-docs-sidebar border) */ body.developer-docs-page .developer-docs-sidebar { border-right: none !important; } body.developer-docs-page .developer-docs--three-col .developer-docs-sidebar.developer-docs-sidebar--products { border-right: 1px solid #e8eaed !important; box-shadow: none !important; } /* Sidebar title + nav: no stacked horizontal rules on every row */ body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav-label { border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0.875rem 1.25rem !important; } body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-scroll { border: none !important; margin-top: 0; padding-top: 0; } body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-search { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav-section { border-top: none !important; margin-top: 0; padding-top: 0.75rem; } /* Divider only between major groups (Additional services, Partnerships, …) */ body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav-section:not(:first-of-type) { border-top: 1px solid #e8eaed !important; margin-top: 0.5rem; padding-top: 1rem; } body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav li, body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav a { border: none !important; } body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-nav a[aria-current="page"] { box-shadow: inset 3px 0 0 #7c60d5 !important; } body.developer-docs-page .developer-docs.doc-article-wrap .developer-docs-sidebar--products .developer-docs-sidebar-cta { border-top: 1px solid #e8eaed !important; } /* Avoid double vertical rule between nav column and article */ body.developer-docs-page .developer-docs--three-col .developer-docs-main.doc-article-main { border-left: none !important; box-shadow: none !important; } /* Header search: centered, wide (480–720px) */ body.developer-docs-page .ppl-platform-nav__inner { grid-template-columns: auto minmax(480px, 720px) auto !important; gap: 1rem; } body.developer-docs-page .ppl-platform-nav__center, body.developer-docs-page .ppl-platform-nav__center--search { grid-column: 2; justify-self: stretch; width: 100%; min-width: 480px; max-width: 720px; } body.developer-docs-page .ppl-platform-nav__search, body.developer-docs-page .ppl-platform-nav__search-input { width: 100%; max-width: none; } body.developer-docs-page #masthead .header-search-input { display: none !important; } /* Three-col: main column fills space between left nav and right TOC */ body.developer-docs-page .developer-docs--three-col .doc-article-prose, body.developer-docs-page .developer-docs--three-col .doc-article-lead, body.developer-docs-page .developer-docs--three-col .developer-docs-header, body.developer-docs-page .developer-docs--three-col .developer-docs-breadcrumb, body.developer-docs-page .developer-docs--three-col .developer-docs-title { max-width: min(92rem, 100%); width: 100%; } @media (max-width: 1100px) { body.developer-docs-page .ppl-platform-nav__center { display: block !important; } }