/*
 * Racing Royale — Release 6.1 site header ("Luxurious Edition", Stitch).
 * Applies to every public page. Admin pages are not affected.
 */
.rrs-header {
    background: rgba(12, 15, 16, .96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(233, 195, 73, .2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .6);
}
.rrs-nav { min-height: 76px; gap: 18px; }

/* Brand: crest + "RACING ROYALE" in gold serif */
.rrs-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.rrs-brand-logo { height: 46px !important; width: auto; }
.rrs-brand-text {
    font-family: "Playfair Display", Georgia, serif; font-weight: 700; font-size: 17px; line-height: 1.05;
    letter-spacing: .1em; text-transform: uppercase; color: #e9c349; text-shadow: 0 1px 2px rgba(0,0,0,.8);
}

/* Links: small uppercase, gold underline when active */
.rrs-links { gap: 22px !important; align-items: center; font-family: "Inter", system-ui, sans-serif; }
.rrs-link, .rrs-links .gr-nav-logout-btn {
    font-size: 12px !important; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
    color: #c0c9c0 !important; text-decoration: none; white-space: nowrap; padding: 6px 0;
}
.rrs-link:hover, .rrs-links .gr-nav-logout-btn:hover { color: #e9c349 !important; }
.rrs-link.is-active { color: #e9c349 !important; font-weight: 700; }
.rrs-link.is-active::after { background: #e9c349 !important; }

/* Right-hand actions */
.rrs-actions { display: inline-flex; align-items: center; gap: 10px; margin-left: 6px; }
.rrs-btn {
    display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border-radius: 6px;
    font-family: "Inter", system-ui, sans-serif; font-size: 11.5px; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; text-decoration: none; white-space: nowrap; border: 1px solid transparent;
    transition: filter .15s ease, transform .15s ease;
}
.rrs-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.rrs-btn svg { width: 15px; height: 15px; }
.rrs-btn--green { background: #004225; color: #98d4ac; border-color: rgba(152, 212, 172, .35); }
.rrs-btn--gold { background: linear-gradient(180deg, #f0cf5c, #e9c349); color: #241a00; }
.rrs-avatar {
    display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%;
    background: #004225; color: #98d4ac; border: 1px solid rgba(152, 212, 172, .45);
    font: 700 14px "Inter", system-ui, sans-serif; text-decoration: none;
}
.rrs-avatar.is-active, .rrs-avatar:hover { border-color: #e9c349; color: #e9c349; }

/* Release 8 — Profile button: initial + label */
.rrs-profile { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; padding: 2px 10px 2px 2px; border-radius: 999px; border: 1px solid rgba(152, 212, 172, .35); }
.rrs-profile .rrs-avatar { width: 30px; height: 30px; font-size: 13px; border: 0; }
.rrs-profile-label { font: 600 11.5px "Inter", system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #c0c9c0; }
.rrs-profile:hover, .rrs-profile.is-active { border-color: #e9c349; }
.rrs-profile:hover .rrs-profile-label, .rrs-profile.is-active .rrs-profile-label { color: #e9c349; }

/* Collapse into the ☰ menu earlier — the bar holds more now. */
@media (max-width: 1180px) {
    .rrs-links:not(.is-open) { display: none !important; }
    .rrs-nav .gr-nav-toggle { display: inline-flex !important; margin-left: auto; }
    .rrs-links.is-open { display: flex !important; flex-direction: column; align-items: stretch; gap: 0 !important;
        position: absolute; top: calc(100% + 1px); left: 0; right: 0; padding: 8px 0 14px;
        background: #0c0f10; border: 1px solid rgba(233, 195, 73, .2); border-top: 0; box-shadow: 0 12px 30px rgba(0,0,0,.6); }
    .rrs-links.is-open .rrs-link, .rrs-links.is-open .gr-nav-logout-btn { width: 100%; padding: 12px 18px; text-align: left; }
    .rrs-links.is-open .rrs-link.is-active { border-left: 3px solid #e9c349; padding-left: 15px; }
    .rrs-links.is-open .rrs-link.is-active::after { content: none; }
    .rrs-links.is-open .rrs-actions { flex-direction: column; align-items: stretch; gap: 8px; margin: 10px 18px 0; }
    .rrs-links.is-open .rrs-btn { justify-content: center; height: 44px; }
    .rrs-links.is-open .rrs-profile { justify-content: center; height: 44px; border-radius: 6px; padding: 0 14px; }
    .rrs-links.is-open .gr-nav-logout-form { width: 100%; }
}
@media (max-width: 460px) {
    .rrs-brand-logo { height: 40px !important; }
    .rrs-brand-text { font-size: 15px; }
    .rrs-nav { min-height: 66px; }
}