/* /assets/css/common_footer.css */

/* Ensure :root variables are accessible. If not already in a global CSS linked before this,
   you might need to duplicate relevant ones or ensure your common_navbar.css (which has them)
   is always loaded before this. For simplicity, assuming they are available. */

.common-footer {
    background-color: var(--primary-yellow, #ffd77b); /* From your :root */
    color: var(--text-dark, #333);                /* From your :root */
    text-align: center;
    padding: 1.5rem 1rem; /* Consistent padding */
    font-size: 0.9rem;
    font-family: var(--cs-font-body, 'Poppins', sans-serif); /* Assuming --cs-font-body from AIAssistant */
    border-top: 3px solid var(--secondary-yellow, #ffe4a1); /* A nice visual separator */
    
    /* Layout properties for consistent placement at the bottom */
    margin-top: auto; /* Pushes footer to bottom if page content is short & body is flex column */
                      /* If page content is long, this won't have much effect beyond normal flow */
    flex-shrink: 0;   /* Prevents footer from shrinking when body is flex column */
    width: 100%;      /* Ensure it spans the full width */
}

.common-footer p {
    margin: 0;
    font-weight: 500;
}

/* Optional: For a more elaborate footer with quick links */
.common-footer .footer-links {
    margin-top: 0.75rem;
    font-size: 0.85rem;
}

.common-footer .footer-links a {
    color: var(--text-dark, #333);
    text-decoration: none;
    margin: 0 0.75rem;
    opacity: 0.8;
    transition: opacity 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
}

.common-footer .footer-links a:hover {
    opacity: 1;
    text-decoration: underline;
}