/* ==========================================================================

   FOOTER STYLES - LAVIE PROJECT

   Consolidated footer styles for consistent footer implementation

   ========================================================================== */

:root {

    /* Footer color variables */

    --footer-bg-light: #ffffff;

    --footer-bg-dark: #23272f;

    --footer-text-light: #6c757d;

    --footer-text-dark: #cbd5e0;

    --footer-border-light: #e9ecef;

    --footer-border-dark: rgba(255, 255, 255, 0.1);

    --footer-accent: #274E13;

    /* Footer Spacing */

    --footer-padding: 16px 20px;

    --footer-margin-top: 2rem;

    --footer-font-size: 0.875rem;

    --footer-line-height: 1.5;

    --footer-height: 60px;

}

/* ==========================================================================

   MAIN SITE FOOTER (Home Page)

   ========================================================================== */

.lavie-wifi-footer {

    text-align: center;

    color: var(--footer-text-light);

    font-size: var(--footer-font-size);

    margin-top: var(--footer-margin-top);

    padding: var(--footer-padding);

    line-height: var(--footer-line-height);

    background: transparent;

    border-top: 1px solid transparent;

    transition: all 0.3s ease;

}

.lavie-wifi-footer p {

    margin: 0;

    font-weight: 400;

}

.lavie-wifi-footer a {

    color: var(--footer-accent);

    text-decoration: none;

    font-weight: 500;

    transition: all 0.2s ease;

}

.lavie-wifi-footer a:hover {

    text-decoration: underline;

    opacity: 0.8;

}

/* ==========================================================================

   DASHBOARD/ADMIN FOOTER - REMOVED TO PREVENT LAYOUT CONFLICTS

   ========================================================================== */

/* Body layout reset */

body.admin-page {

    min-height: 100vh;

    /* Flexbox layout disabled */

}

.dashboard-main-content {

    /* Flexbox layout disabled */

    min-height: calc(100vh - 60px); /* Account for header height */

}

.dashboard-content {

    /* Flexbox layout disabled */

}

.editor-section {

    /* Flexbox layout disabled */

}

/* Footer styles disabled */

.dashboard-footer {

    display: none; /* Hide footer completely */

}

.dashboard-footer p {

    margin: 0;

    font-weight: 400;

}

.dashboard-footer a {

    color: var(--footer-accent);

    text-decoration: none;

    font-weight: 500;

    transition: all 0.2s ease;

}

.dashboard-footer a:hover {

    text-decoration: underline;

    opacity: 0.8;

}

/* Legal pages specific footer styling */

body.legal-page .dashboard-footer {

    margin-top: 32px;

    background: var(--footer-bg-light);

    border-top: 1px solid var(--footer-border-light);

    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);

}

/* ==========================================================================

   UNIFIED FOOTER COMPONENT

   ========================================================================== */

.site-footer {

    background: var(--footer-bg-light);

    border-top: 1px solid var(--footer-border-light);

    color: var(--footer-text-light);

    font-size: var(--footer-font-size);

    line-height: var(--footer-line-height);

    margin-top: auto;

    padding: var(--footer-padding);

    text-align: center;

    transition: all 0.3s ease;

    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);

    position: sticky;

    bottom: 0;

    z-index: 100;

}

.site-footer p {

    margin: 0;

    font-weight: 400;

}

.site-footer a {

    color: var(--footer-accent);

    text-decoration: none;

    font-weight: 500;

    transition: all 0.2s ease;

}

.site-footer a:hover {

    text-decoration: underline;

    opacity: 0.8;

}

/* Footer content wrapper */

.footer-content {

    max-width: 1200px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 1rem;

}

.footer-text {

    margin: 0;

}

.footer-links {

    display: flex;

    align-items: center;

    gap: 1rem;

    list-style: none;

    margin: 0;

    padding: 0;

}

.footer-links li {

    margin: 0;

}

.footer-links a {

    padding: 0.25rem 0.5rem;

    border-radius: 4px;

    transition: all 0.2s ease;

}

.footer-links a:hover {

    background: rgba(39, 78, 19, 0.1);

}

/* ==========================================================================

   MODAL FOOTER STYLES

   ========================================================================== */

.modal-footer {

    border-top: 1px solid var(--footer-border-light);

    padding: 1rem 1.5rem;

    background: var(--footer-bg-light);

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 0.5rem;

    transition: all 0.3s ease;

}

.modal-footer .btn {

    margin: 0;

    transition: all 0.2s ease;

}

.modal-footer .btn + .btn {

    margin-left: 0.5rem;

}

/* Modal footer styles */

.feedback-footer {

    text-align: center;

    padding: 1rem;

    background: rgba(39, 78, 19, 0.05);

    border-top: 1px solid var(--footer-border-light);

}

.instagram-embed-footer {

    padding: 0.5rem;

    text-align: center;

    font-size: 0.75rem;

    color: var(--footer-text-light);

    background: rgba(0, 0, 0, 0.02);

}

/* ==========================================================================

   DARK MODE SUPPORT

   ========================================================================== */

[data-theme="dark"] .lavie-wifi-footer,

[data-theme="dark"] .dashboard-footer,

[data-theme="dark"] .site-footer {

    background: var(--footer-bg-dark);

    border-color: var(--footer-border-dark);

    color: var(--footer-text-dark);

}

[data-theme="dark"] .modal-footer {

    background: var(--footer-bg-dark);

    border-color: var(--footer-border-dark);

}

[data-theme="dark"] .feedback-footer {

    background: rgba(39, 78, 19, 0.2);

    border-color: var(--footer-border-dark);

}

[data-theme="dark"] .instagram-embed-footer {

    background: rgba(255, 255, 255, 0.05);

    color: var(--footer-text-dark);

}

/* ==========================================================================

   RESPONSIVE DESIGN

   ========================================================================== */

@media (max-width: 768px) {

    .lavie-wifi-footer,

    .dashboard-footer,

    .site-footer {

        padding: 12px 16px;

        font-size: 0.8rem;

    }

    .lavie-wifi-footer {

        margin-top: 1.5rem;

    }

    .footer-content {

        flex-direction: column;

        gap: 0.5rem;

    }

    .footer-links {

        flex-wrap: wrap;

        justify-content: center;

        gap: 0.5rem;

    }

    .modal-footer {

        padding: 0.75rem 1rem;

        flex-direction: column-reverse;

        gap: 0.5rem;

    }

    .modal-footer .btn {

        width: 100%;

        margin: 0;

    }

}

@media (max-width: 576px) {

    .lavie-wifi-footer {

        padding: 0 !important;

        margin: 0 !important;

        background: none !important;

        border: none !important;

        box-shadow: none !important;

        font-size: 0.75rem;

        color: var(--footer-text-light);

        text-align: center;

    }

    .footer-links {

        font-size: 0.75rem;

    }

}

/* ==========================================================================

   PRINT STYLES

   ========================================================================== */

@media print {

    .lavie-wifi-footer,

    .dashboard-footer,

    .site-footer,

    .modal-footer {

        display: none;

    }

}

/* ==========================================================================

   ACCESSIBILITY ENHANCEMENTS

   ========================================================================== */

.lavie-wifi-footer:focus-within,

.dashboard-footer:focus-within,

.site-footer:focus-within {

    outline: 2px solid var(--footer-accent);

    outline-offset: 2px;

}

.footer-links a:focus {

    outline: 2px solid var(--footer-accent);

    outline-offset: 2px;

    background: rgba(39, 78, 19, 0.1);

}

/* High contrast */

@media (prefers-contrast: high) {

    .lavie-wifi-footer,

    .dashboard-footer,

    .site-footer {

        border-top: 2px solid currentColor;

    }

    .footer-links a {

        border: 1px solid currentColor;

    }

}

/* Size reduction */

@media (prefers-reduced-motion: reduce) {

    .lavie-wifi-footer,

    .dashboard-footer,

    .site-footer,

    .modal-footer,

    .footer-links a {

        transition: none;

    }

}