/* Navbar action buttons – high-priority override */

.site-header .navbar .actions .navbar-button,
.site-header .navbar .actions .burger.navbar-button,
.site-header .off-canvas .canvas-close {
    width: 38px !important;
    height: 38px !important;
    margin-right: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #3688dd 0%, #5ba8ff 100%) !important;
    color: #fff !important;
    font-size: 17px !important;
    box-shadow: 0 4px 14px rgba(54, 136, 221, 0.42) !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
}

.site-header .navbar .actions .navbar-button:hover,
.site-header .off-canvas .canvas-close:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(145deg, #2f7acc 0%, #4a9af0 100%) !important;
    box-shadow: 0 8px 20px rgba(54, 136, 221, 0.5) !important;
    color: #fff !important;
    opacity: 1 !important;
}

.site-header .navbar .actions .burger:before,
.site-header .navbar .actions .burger:after {
    display: none !important;
}

.site-header .navbar .actions .burger .fa-list {
    color: inherit !important;
}

.site-header .navbar .user-pbtn {
    height: 38px !important;
    padding: 0 14px 0 5px !important;
    margin-right: 8px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(54, 136, 221, 0.22) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(232, 242, 255, 0.95) 100%) !important;
    box-shadow: 0 3px 12px rgba(54, 136, 221, 0.14) !important;
    color: #2c4a6e !important;
    font-weight: 600 !important;
    max-width: 140px !important;
}

.site-header .navbar .user-pbtn:hover {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
    border-color: rgba(54, 136, 221, 0.4) !important;
    color: #3688dd !important;
    box-shadow: 0 6px 18px rgba(54, 136, 221, 0.22) !important;
}

.site-header .navbar .user-pbtn img {
    width: 28px !important;
    height: 28px !important;
    border: 2px solid rgba(54, 136, 221, 0.35) !important;
    box-shadow: 0 2px 8px rgba(54, 136, 221, 0.2) !important;
}

.site-header .navbar .actions .login-btn {
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 22px !important;
    border: none !important;
    background: linear-gradient(145deg, #3688dd 0%, #5ba8ff 100%) !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 14px rgba(54, 136, 221, 0.42) !important;
}

.site-header .navbar .actions .login-btn:hover {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 20px rgba(54, 136, 221, 0.5) !important;
}

/* Dark mode */
.ripro-dark .site-header .navbar .actions .navbar-button,
.ripro-dark .site-header .navbar .actions .burger.navbar-button,
.ripro-dark .site-header .off-canvas .canvas-close {
    background: linear-gradient(145deg, #3a5580 0%, #243652 100%) !important;
    border: 1px solid rgba(130, 175, 255, 0.32) !important;
    color: #e8f2ff !important;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.35),
        0 0 12px rgba(54, 136, 221, 0.15) !important;
}

.ripro-dark .site-header .navbar .actions .navbar-button:hover,
.ripro-dark .site-header .off-canvas .canvas-close:hover {
    background: linear-gradient(145deg, #4a6a96 0%, #2e4568 100%) !important;
    border-color: rgba(150, 190, 255, 0.45) !important;
    color: #fff !important;
    box-shadow:
        0 8px 22px rgba(54, 136, 221, 0.28),
        0 0 16px rgba(54, 136, 221, 0.2) !important;
}

.ripro-dark .site-header .navbar .user-pbtn {
    background: linear-gradient(145deg, rgba(42, 56, 82, 0.95) 0%, rgba(28, 40, 60, 0.95) 100%) !important;
    border: 1px solid rgba(130, 175, 255, 0.28) !important;
    color: #d4e4ff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.32) !important;
}

.ripro-dark .site-header .navbar .user-pbtn:hover {
    border-color: rgba(150, 190, 255, 0.42) !important;
    color: #fff !important;
}

.ripro-dark .site-header .navbar .user-pbtn img {
    border-color: rgba(130, 175, 255, 0.45) !important;
    box-shadow: 0 0 10px rgba(54, 136, 221, 0.25) !important;
}

.ripro-dark .site-header .navbar .actions .login-btn {
    background: linear-gradient(145deg, #3a5580 0%, #243652 100%) !important;
    border: 1px solid rgba(130, 175, 255, 0.32) !important;
    color: #e8f2ff !important;
}

/* Transparent hero navbar */
.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .site-header .navbar .actions .navbar-button,
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .site-header .navbar .actions .navbar-button,
.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .site-header .navbar .actions .burger,
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .site-header .navbar .actions .burger {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #3688dd !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .site-header .navbar .user-pbtn,
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .site-header .navbar .user-pbtn {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #2c4a6e !important;
}