/* static/css/custom.css */
/* Add custom styles here */

body {
    background-color: #FFFFFF; /* Change background to white */
    font-family: 'Inter', sans-serif; /* Change body font */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif; /* Change header font */
}

/* --- Modernization Styles --- */

/* Header */
header {
    background-color: #FFF2E6; /* Creamy Off-White background */
    color: #4C5A3D; /* Soft Olive text */
    border-bottom: 1px solid #e0e0e0; /* Subtle bottom border */
    /* Remove box-shadow from base.html if desired, or keep shadow-sm class */
}

/* Adjust header text color for login/logout info */
header .text-white {
    color: #4C5A3D !important; /* Override inline Bootstrap class */
}

/* Adjust header button outline */
header .btn-outline-light {
    border-color: #4C5A3D; /* Soft Olive border */
    color: #4C5A3D; /* Soft Olive text */
}
header .btn-outline-light:hover {
    background-color: #4C5A3D; /* Soft Olive background */
    color: #FFFFFF; /* White text on hover */
}

/* Hamburger icon styles are now managed in base.html */

/* Header Bell Icon */
header #notificationsDropdown i.bi-bell-fill {
    color: #4C5A3D; /* Soft Olive Bell */
}

/* Footer */
footer {
    background-color: #f8f9fa; /* Lighter background (Bootstrap light grey) */
    color: #6c757d; /* Bootstrap muted grey text */
    border-top: 1px solid #e0e0e0; /* Subtle top border */
    padding: 1.5rem 0; /* Adjust padding */
}

/* Buttons */
.btn-primary, .btn-primary:focus, .btn-primary:active,
.btn-secondary, .btn-secondary:focus, .btn-secondary:active {
    border-radius: 0.375rem; /* Slightly increased border-radius (Bootstrap default is 0.25rem) */
    padding: 0.5rem 1rem; /* Example padding adjustment */
}

/* Ensure secondary button keeps olive colors on white bg */
.btn-secondary, .btn-secondary:focus, .btn-secondary:active {
    border-color: #4C5A3D;
    color: #4C5A3D;
}
.btn-secondary:hover {
    background-color: #4C5A3D;
    border-color: #4C5A3D;
    color: #FFFFFF;
}

/* Main content padding */
main.container {
    padding-top: 2rem; /* Add more top padding */
    padding-bottom: 4rem; /* Add more bottom padding */
}

/* Adjust offcanvas menu header/close button for white text */
.offcanvas-header .offcanvas-title {
    color: #FFF2E6; /* Keep Creamy Off-White Text on Olive background */
}
.offcanvas-header .btn-close {
     filter: invert(96%) sepia(18%) saturate(461%) hue-rotate(327deg) brightness(106%) contrast(104%); /* Make X white on olive background */
}

/* Add other custom styles here */