/* =========================================
   5. FOOTER STYLES (Deep Emerald Theme)
   ========================================= */
.site-footer {
    width: 100%;
    /* Glass Effect Background: Dark Forest Green */
    background: var(--white-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    top: 0;
    z-index: 1000;
    border-top: none;
    /* Add a super soft, elegant shadow */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    padding: 1.5rem 0;
    margin-top: auto;
    /* Keeps footer at bottom */
    text-align: center;
}

.footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;

    /* Uses your theme's muted green-grey text */
    color: var(--logo-color);
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.separator {
    color: rgba(46, 204, 113, 0.4);
    /* Dim Green divider */
}

/* Admin Link Styling */
.admin-link {
    color: var(--logo-color);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
}

.admin-link:hover {
    color: var(--logo-color);
    /* Bright Emerald Green */
    /* Green Glow */
    text-shadow: 0 0 12px rgba(46, 204, 113, 0.6);
}

/* Responsive adjustment for very small screens */
@media (max-width: 400px) {
    .footer-content {
        flex-direction: column;
        gap: 8px;
    }

    .separator {
        display: none;
    }
}