/* Footer Styles */
#copyright {
    color: #6b5420 !important; /* Dark, high-contrast metallic gold to be readable on light gray background */
    font-size: 0.8rem !important; /* Smaller text size */
    font-weight: 700 !important; /* Matches All Entries title font-weight (bold) */
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important; /* Matches All Entries title letter-spacing */
    text-align: center !important;
    margin: 0 !important;
    display: block !important;
    text-shadow: none !important;
}

/* Standard Quote Entry Styling (Homepage & Article Pages) */
#body-wrapper .container {
    max-width: 780px !important; /* Elegant reading width */
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 3rem 1.5rem !important;
    transition: max-width 0.3s ease;
}

/* Ensure the Collage page retains full width */
#body-wrapper:has(.collage-container) .container {
    max-width: 1200px !important;
}

/* Stylize images in standard quote entries */
#body-wrapper .container p img {
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45) !important;
    margin-bottom: 2.5rem !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Stylize headings (quotes) in standard entries */
#body-wrapper .container h2 {
    font-size: 1.8rem !important; /* Elegant quote size */
    font-weight: 400 !important;
    line-height: 1.65 !important;
    color: #222222 !important; /* Deep charcoal for perfect legibility on light background */
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 3.5rem !important;
    letter-spacing: 0.01em !important;
}

/* Button Container Adjustment */
.ctnctr {
    gap: 1.5rem !important;
    margin-top: 2rem !important;
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

/* Mobile Fullscreen Menu Styles */
.overlay {
    background: rgba(10, 10, 10, 0.98) !important; /* Sleek, almost solid dark backdrop */
    backdrop-filter: blur(12px) !important; /* Soft backdrop blur */
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Center and style the menu tree */
.overlay-menu .tree {
    text-align: center !important;
    padding: 0 !important;
    margin: 2rem auto !important;
    max-width: 320px !important;
}

/* Stylize individual menu list items */
.overlay-menu .tree li {
    background: transparent !important; /* Removes the blocky gray background */
    border: none !important;
    margin: 0.75rem 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Stylize mobile links */
.overlay-menu .tree li a {
    font-size: 1.35rem !important; /* Larger text */
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.75) !important; /* Soft white color */
    padding: 0.75rem 2rem !important;
    border-radius: 30px !important;
    display: inline-block !important;
    margin: 0 auto !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

/* Active Page link styling (Daily Light / Home) */
.overlay-menu .tree li a.active {
    background: rgba(212, 175, 55, 0.12) !important; /* Very subtle gold tint background */
    color: #f3e5ab !important; /* Cream-gold text */
    font-weight: 700 !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
}

/* Hover / Focus styling */
.overlay-menu .tree li a:hover,
.overlay-menu .tree li a:focus {
    color: #ffd700 !important; /* Glowing gold */
    background: rgba(255, 255, 255, 0.05) !important;
}