/* Site-wide transparent pill navigation (header-3, used on every page).
   Normally .header-sticky turns the bar white/full-width and flattens the pill;
   here we keep it transparent and restore the rounded floating pill on scroll. */

#header-sticky.app-pill-nav.header-sticky,
#header-sticky.app-pill-nav.header-sticky.sticky-white-bg {
    background: transparent !important;
    box-shadow: none !important;
}

/* drop the full-width blur overlay so only the pill stays translucent */
#header-sticky.app-pill-nav.header-sticky::after {
    display: none !important;
}

/* restore the rounded translucent pill that the sticky state strips off */
#header-sticky.app-pill-nav.header-sticky .tp-header-10-wrapper {
    margin-top: 30px;
    border-radius: 60px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(247, 247, 253, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(33, 33, 45, 0.03);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}

@media (max-width: 575px) {
    #header-sticky.app-pill-nav.header-sticky .tp-header-10-wrapper {
        margin-top: 14px;
    }
}

/* Header "Send Message" button: same animated pill, recoloured to the brand green */
.tp-header-10-btn-box .tp-btn-gradient {
    background: var(--tp-common-green-regular) !important;
    color: var(--tp-common-black) !important;
}
.tp-header-10-btn-box .tp-btn-gradient:hover,
.tp-header-10-btn-box .tp-btn-gradient:focus {
    color: var(--tp-common-black) !important;
}