/* DLE-integrated header Platform dropdown */
.hg-platform-dle-menu {
    width: min(1180px, calc(100vw - 48px));
    max-width: calc(100vw - 48px);
    grid-template-columns: 1fr;
    gap: 16px;
}
.hg-platform-dle-head p {
    margin: 8px 0 0;
    color: #aeb5d0;
    font-size: 13px;
    line-height: 1.5;
}
.hg-platform-dle-columns {
    display: grid;
    grid-template-columns: minmax(300px, .9fr) minmax(420px, 1.35fr);
    gap: 18px;
}
.hg-platform-dle-section {
    min-width: 0;
    padding: 14px;
    border-radius: 20px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
}
.hg-platform-dle-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}
.hg-platform-dle-section-head .hg-dropdown-title {
    margin: 0;
}
.hg-platform-dle-section-head a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    color: var(--hg-accent-2) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    padding: 0 !important;
    white-space: nowrap;
    background: transparent !important;
}
.hg-platform-dle-list {
    display: grid;
    gap: 9px;
}
.hg-platform-dle-create-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hg-platform-dle-item {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    min-height: 74px;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid transparent;
    background: rgba(255,255,255,.025);
}
.hg-platform-dle-item:hover {
    border-color: rgba(255,255,255,.13);
    background: rgba(255,255,255,.065) !important;
}
.hg-platform-dle-item > i {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    color: var(--hg-accent-2);
    background: rgba(255,255,255,.07);
    line-height: 1;
    margin-top: 1px;
}
.hg-platform-dle-item b {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
}
.hg-platform-dle-item small {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #aeb5d0 !important;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 4px;
}

/* Make Platform dropdown viewport-centered like the other DLE menus */
@media (min-width: 1101px) {
    .hg-nav-item:has(> .hg-nav-link[href="/platform/"]) > .hg-platform-dle-menu,
    .hg-nav-item:has(> .hg-nav-link[href="/platform"]) > .hg-platform-dle-menu {
        position: fixed;
        top: 86px;
        left: 50%;
        right: auto;
        transform: translateX(-50%) translateY(8px);
    }
    .hg-nav-item:has(> .hg-nav-link[href="/platform/"]):hover > .hg-platform-dle-menu,
    .hg-nav-item:has(> .hg-nav-link[href="/platform/"]):focus-within > .hg-platform-dle-menu,
    .hg-nav-item:has(> .hg-nav-link[href="/platform"]):hover > .hg-platform-dle-menu,
    .hg-nav-item:has(> .hg-nav-link[href="/platform"]):focus-within > .hg-platform-dle-menu {
        transform: translateX(-50%) translateY(0);
    }
    .hg-nav-item:has(> .hg-nav-link[href="/platform/"]) > .hg-platform-dle-menu::before,
    .hg-nav-item:has(> .hg-nav-link[href="/platform"]) > .hg-platform-dle-menu::before {
        top: -22px;
        height: 22px;
    }
}
@media (max-width: 1100px) {
    .hg-platform-dle-columns,
    .hg-platform-dle-create-list {
        grid-template-columns: 1fr;
    }
    .hg-platform-dle-menu {
        width: min(520px, 88vw);
        max-width: min(520px, 88vw);
    }
}


/* Header dropdown center + no-jump sticky fix */
:root {
    --proledger-header-height: 72px;
    --proledger-dropdown-top: calc(var(--proledger-header-height) + 12px);
}
html {
    overflow-y: scroll;
    scroll-padding-top: calc(var(--proledger-header-height) + 16px);
}
body.proledger-header-stable {
    padding-top: 0 !important;
}
.hg-header,
.rts-header-area-five.header--sticky.hg-header,
header.hg-header {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    min-height: var(--proledger-header-height) !important;
    z-index: 9999 !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden;
    will-change: background-color, border-color, box-shadow, backdrop-filter;
}
.hg-header .header-five-wrapper,
.rts-header-area-five.header--sticky.hg-header .header-five-wrapper {
    min-height: var(--proledger-header-height) !important;
}
.hg-header.header--sticky,
.hg-header.header--sticky.sticky,
.hg-header.sticky,
.hg-header.is-sticky,
.hg-header.is-scrolled,
.rts-header-area-five.header--sticky.sticky,
.rts-header-area-five.header--sticky.is-scrolled {
    position: sticky !important;
    top: 0 !important;
    min-height: var(--proledger-header-height) !important;
}
.header-spacer,
.hg-header-spacer,
.proledger-header-spacer,
.rts-header-spacer,
body > .header-sticky-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Center every top-menu dropdown window from viewport center */
@media (min-width: 1101px) {
    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown-wide,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-platform-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-usecases-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-usecases-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-developers-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-developers-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-resources-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-resources-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-enterprise-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-enterprise-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-pricing-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-pricing-menu {
        position: fixed !important;
        top: var(--proledger-dropdown-top) !important;
        left: 50% !important;
        right: auto !important;
        width: min(1180px, calc(100vw - 48px)) !important;
        max-width: calc(100vw - 48px) !important;
        transform: translateX(-50%) translateY(10px) !important;
        transform-origin: top center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 9998 !important;
    }

    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-dropdown,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-dropdown,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-dropdown-wide,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-dropdown-wide,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-platform-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-platform-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-usecases-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-usecases-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-usecases-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-usecases-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-developers-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-developers-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-developers-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-developers-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-resources-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-resources-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-resources-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-resources-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-enterprise-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-enterprise-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-enterprise-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-enterprise-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-pricing-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-pricing-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown:hover > .hg-pricing-menu,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within > .hg-pricing-menu {
        transform: translateX(-50%) translateY(0) !important;
    }

    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown-wide::before {
        content: "";
        position: absolute;
        top: -22px !important;
        left: 0;
        right: 0;
        height: 22px !important;
    }
}

@media (max-width: 1100px) {
    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown-wide {
        width: min(520px, 88vw) !important;
        max-width: min(520px, 88vw) !important;
    }
}


/* Header dropdown hover bridge: prevents dropdown from disappearing while cursor moves down */
@media (min-width: 1101px) {
    :root {
        --proledger-dropdown-hover-bridge: 34px;
        --proledger-dropdown-top: calc(var(--proledger-header-height) + 2px);
    }

    .hg-nav > .hg-nav-item.has-dropdown {
        position: relative;
    }

    .hg-nav > .hg-nav-item.has-dropdown::after {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top: var(--proledger-header-height);
        height: var(--proledger-dropdown-hover-bridge);
        display: none;
        z-index: 9997;
        background: transparent;
        pointer-events: auto;
    }

    .hg-nav > .hg-nav-item.has-dropdown:hover::after,
    .hg-nav > .hg-nav-item.has-dropdown:focus-within::after {
        display: block;
    }

    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown-wide,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-platform-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-usecases-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-usecases-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-developers-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-developers-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-resources-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-resources-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-enterprise-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-enterprise-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-pricing-dle-menu,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-pricing-menu {
        top: var(--proledger-dropdown-top) !important;
    }

    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown-wide::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-platform-dle-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-usecases-dle-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-usecases-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-developers-dle-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-developers-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-resources-dle-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-resources-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-enterprise-dle-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-enterprise-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-pricing-dle-menu::before,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-pricing-menu::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: calc(-1 * var(--proledger-dropdown-hover-bridge)) !important;
        height: var(--proledger-dropdown-hover-bridge) !important;
        background: transparent;
        pointer-events: auto;
    }

    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown,
    .hg-nav > .hg-nav-item.has-dropdown > .hg-dropdown-wide {
        transition:
            opacity .16s ease,
            transform .16s ease,
            visibility .16s ease !important;
    }
}