/**
 * CentralHub Shared Footer Styles
 *
 * Complements shared-footer.js with responsive styling and print handling.
 * Uses CSS variables from themes.css for theme support.
 */

/* Footer base styles */
#shared-footer {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

#shared-footer a {
    transition: color 0.2s ease;
}

#shared-footer a:hover {
    text-decoration: underline;
}

/* Responsive styles */
@media (max-width: 640px) {
    #shared-footer > div > div {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    #shared-footer > div > div > div:last-child {
        flex-direction: column;
        gap: 8px;
    }

    /* Hide dividers on mobile */
    #shared-footer > div > div > div:last-child > span[style*="border-primary"] {
        display: none;
    }
}

/* Print styles - hide footer */
@media print {
    #shared-footer {
        display: none !important;
    }
}

/* Adjust body when footer is fixed */
body.has-shared-footer {
    padding-bottom: 56px;
}

/* For pages with iframe containers, adjust height */
.iframe-container.with-footer {
    height: calc(100vh - 120px - 56px) !important;
}