/* Public-page chrome shared by login.php and register.php, mirroring the header
   on pigskin-tos.php / privacy.php. Class names are prefixed `pubnav-` so they
   cannot collide with auth.css, which already owns .logo, .header and
   .nav-links for the sign-in card. */

/* Lay the page out as a column: nav on top, the auth card growing to fill and
   stay centered, footer at the bottom. Scoped to opted-in bodies so the other
   auth.css pages (password reset, forgot password) are left exactly as they are.
   min-height:0 cancels .auth-container's own 100vh so it only claims the space
   left between the nav and the footer. */
body.has-public-chrome {
    display: flex;
    flex-direction: column;
}
body.has-public-chrome .auth-container {
    flex: 1 0 auto;
    min-height: 0;
}

.pubnav {
    background: linear-gradient(135deg, #2d5016 0%, #3a6b1f 100%);
    color: #fff;
    padding: 1rem 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}

.pubnav-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pubnav-brand {
    font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pubnav-brand-icon {
    font-size: 2rem;
}

.pubnav-links {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pubnav-links a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
}

.pubnav-links a:hover {
    color: #ffd700;
}

@media (max-width: 768px) {
    .pubnav-links {
        display: none;
    }
}