/* ============================================================
   RIDER TOPBAR
   ============================================================ */

.rider-topbar {
    background: #4E342E;
    color: #ffffff;
    padding: 6px 20px;
}

.rider-topbar-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rider-topbar a {
    color: #ffffff;
    text-decoration: none;
}

.rider-topbar a:hover {
    text-decoration: underline;
}

.rider-topbar .social-icon {
    height: 20px;
    width: auto;
    margin-left: 10px;
    filter: brightness(0) invert(1);
    transition: 0.3s;
}

.rider-topbar .social-icon:hover {
    filter: brightness(0.8) invert(1);
}