/* --- Global Styles --- */

/* Reset global font and text color for readability on light backgrounds */
body {
    font-family: 'Inter', sans-serif;
    color: #333333; /* Darker text for readability on light backgrounds */
    background-color: #f5f5f5; /* Light grey background */
}

/* --- Navigation Bar --- */
.nav-bar {
    /* Full width, fixed top navigation */
    width: 100%;
    /* Use a solid, light color for the nav bar background for maximum contrast */
    background-color: #e0e0e0; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    z-index: 50;
    /* Removed background image and related height properties */
    height: 64px; /* Standard Tailwind 'h-16' */
}

.nav-item {
    /* Styles are mostly defined by Tailwind classes in HTML, but ensuring base styling */
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}


/* --- Header Overlay (Now only for Title Text) --- */
#header-overlay {
    /* Removed fixed positioning and high height since background image is gone */
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #003366; /* Using Masonic Blue for the header background */
    color: #f0f0f0;
}
#header-overlay h1, 
#header-overlay p {
    color: #f0f0f0 !important;
    text-shadow: none; /* Removed text shadow as background is solid */
}

/* --- Content Container (To ensure content starts below fixed nav and header) --- */
#content-container {
    /* Add padding/margin to start content below the fixed navigation bar and title header */
    padding-top: calc(64px + 64px + 1rem); /* Nav Height (64px) + Header Height (~64px) + margin */
    min-height: 100vh;
}


/* --- Content Cards (Used for all section containers) --- */
.section-card {
    background-color: theme('colors.stone.100'); /* Opaque, off-white card background */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */
    margin-bottom: 3rem;
    transition: transform 0.3s ease;
    border: 1px solid #ddd;
}

.section-card:hover {
    transform: translateY(-2px);
}

/* --- Headings --- */

/* Text color for headings */
.text-masonic-blue {
    color: #003366;
}

/* Heading separator line (now a light grey, as requested in previous steps) */
.border-masonic-gold {
    border-color: #CCCCCC;
}

/* Calendar Specific Styles */
#calendar-parameters {
    background-color: #003366;
    color: white;
}
#calendar-parameters .border-masonic-gold {
    border-color: #DAA520; /* Keep the divider gold inside the blue box */
}
#calendar-parameters .text-masonic-gold {
    color: #DAA520;
}