/* Responsive styles for Public */
/* Extracted from Public.css */

/* ============================================
   Responsive - Navbar
   ============================================ */
@media (max-width: 767px) {
    .navbar-container {
        padding: var(--space-3) var(--space-4);
    }

    .landing-footer {
        flex-direction: column;
        gap: var(--space-1);
    }

    .footer-divider {
        display: none;
    }
}

@media (max-width: 479px) {
    .navbar-container {
        padding: var(--space-2) var(--space-3);
    }

    .brand-text {
        font-size: var(--text-lg);
    }

    .landing-footer {
        padding: var(--space-3) var(--space-3);
        font-size: 10px;
    }
}