
/* Sticky navigation and refined mobile interaction */
:root{
    --talynex-navy:#0b2a4a;
    --talynex-gold:#b8860b;
}

header,
.site-header,
.main-header,
.navbar-wrapper,
.topbar,
.sticky-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 1100 !important;
}

.navbar {
    position: relative !important;
    z-index: 1101 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
}

body {
    overflow-x: hidden;
}

@media (max-width: 991.98px) {
    .navbar,
    .navbar * {
        -webkit-tap-highlight-color: transparent !important;
    }

    .navbar .nav-link,
    .navbar .dropdown-item,
    .navbar-toggler,
    .navbar button,
    .navbar a {
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar .nav-link,
    .navbar .dropdown-item {
        border: 1px solid transparent !important;
        border-radius: 8px !important;
        background: transparent !important;
        transition: border-color .2s ease, color .2s ease, background-color .2s ease;
    }

    .navbar .nav-link:hover,
    .navbar .nav-link:focus,
    .navbar .nav-link:focus-visible,
    .navbar .nav-link:active,
    .navbar .nav-link.active,
    .navbar .nav-link.show,
    .navbar .dropdown-item:hover,
    .navbar .dropdown-item:focus,
    .navbar .dropdown-item:focus-visible,
    .navbar .dropdown-item:active,
    .navbar .dropdown-item.active {
        color: var(--talynex-navy) !important;
        background: transparent !important;
        border-color: var(--talynex-gold) !important;
        box-shadow: none !important;
    }

    .navbar-toggler {
        border: 1px solid rgba(11,42,74,.18) !important;
        border-radius: 10px !important;
        background: #ffffff !important;
    }

    .navbar-toggler:hover,
    .navbar-toggler:focus,
    .navbar-toggler:focus-visible,
    .navbar-toggler:active {
        border-color: var(--talynex-gold) !important;
        background: #ffffff !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar-collapse {
        position: relative;
        z-index: 1102;
        background: #ffffff;
    }
}
