/* Optional: Make logo smaller on small screens */
.navbar-brand img {
    height: auto;
    max-height: 200px;
    max-width: 100%;
}

    /* Mobile optimization */
@media (max-width: 768px) {
    .navbar-brand img {
        height: auto;
        max-height: 75px;
    }
}

footer {
    background-color: #b7dbf0;
    padding: 5px 0;
}

.custom-navbar {
    background-color: #b7dbf0; /* your brand color */
    color: rgb(16, 2, 70); /* navbar text color */
}

.btn-primary-dark {
    background-color: #0a4db7;  /* slightly darker */
    border-color: #0a4db7;
    color: white;
}

.btn-primary-dark:hover {
    background-color: #093c95;   /* even darker on hover */
    border-color: #093c95;
    color: white;
}

.btn-outline-primary-dark {
    color: #0a4db7;
    border-color: #0a4db7;
}

.btn-outline-primary-dark:hover {
background-color: #0a4db7;
color: white;
}

/* Contact page specific layout */
.contact-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* full viewport height */
}

.contact-page .container {
    flex: 1; /* main content takes remaining space */
}


/* Disclaimer page specific layout */
.disclaimer-page {
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.disclaimer-page main {
    flex: 1; /* Pushes footer to bottom if content is short */
}

/* About page specific layout */
.about-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* full viewport height */
}

.about-page .container {
    flex: 1; /* main content takes remaining space */
}