/**
 * SnarkyType - Navbar & Navigation Styles
 * Common navbar/topbar styles used across all pages
 */

/* Base navbar container */
.navbar,
.topnav,
#topbar,
.about-topbar,
.register-header,
.settings-header {
    border-bottom: 1px solid #06b6d4;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
}

/* Brand/Title */
.brand-title,
.topnav-brand,
.navbar-brand {
    font-size: 1.3em;
    font-weight: bold;
    color: #06b6d4;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s ease;
    user-select: none;
}

.brand-title:hover,
.topnav-brand:hover,
.navbar-brand:hover {
    color: #fff;
}

/* Navigation links container */
.topbar-right,
.topnav-links,
.navbar-links,
.nav-links {
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    position: relative;
}

/* Navigation links */
.nav-link {
    color: #e6eef6;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #06b6d4;
}