/* ========== PUBLIC PAGE CONTAINER STYLES ========== */
/* Reusable container classes for public-facing pages (Records, Contact, etc.) */
/* Matches the Admin Dashboard pattern but with footer support */

/* Main container for public pages */
.public-page-container {
    margin: 160px auto 10px;
    padding: 0 15px;
    min-height: 500px;
    max-width: 1200px;
}

/* Title bar with bottom border */
.public-page-title-bar {
    border-bottom: 3px solid #b61b27;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.public-page-title-bar h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #4a4a4a;
    margin: 0;
    font-family: Roboto, 'sans-serif';
    text-transform: uppercase;
}

.public-page-title-bar h1 i {
    color: #b61b27;
    margin-right: 10px;
}

/* Content card with shadow */
.public-page-content {
    background: white;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Narrower container variant for forms/content */
.public-page-container-narrow {
    margin: 160px auto 10px;
    padding: 0 15px;
    min-height: 500px;
    max-width: 900px;
}

/* Mobile responsive */
@media (max-width: 767px) {
    .public-page-container,
    .public-page-container-narrow {
        margin-top: 80px;
        padding: 0 10px;
    }
    
    .public-page-title-bar h1 {
        font-size: 1.5rem;
    }
    
    .public-page-content {
        padding: 15px;
    }
}

/* Tablet responsive */
@media (min-width: 768px) and (max-width: 1024px) {
    .public-page-container,
    .public-page-container-narrow {
        margin-top: 140px;
    }
}