/* ========================================================================== */ /* FOOTER */ /* ========================================================================== */ .footer { background-color: var(--clr-base); padding: var(--space-lg) 0 var(--space-md); box-shadow: var(--shadow-neo-inner); margin-top: var(--space-lg); } .footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-md); margin-bottom: var(--space-md); } .footer__brand p { color: var(--clr-text-muted); margin-top: 1rem; font-size: 0.9rem; } .footer__title { font-size: 1.1rem; margin-bottom: 1.5rem; position: relative; display: inline-block; } .footer__list li { margin-bottom: 0.75rem; } .footer__list a { color: var(--clr-text-muted); } .footer__list a:hover { color: var(--clr-primary); } .footer__contact-item { display: flex; align-items: flex-start; gap: 0.5rem; color: var(--clr-text-muted); margin-bottom: 1rem; } .footer__bottom { text-align: center; padding-top: var(--space-md); border-top: 1px solid rgba(0,0,0,0.05); color: var(--clr-text-muted); font-size: 0.85rem; } /* ========================================================================== */ /* COOKIE BANNER */ /* ========================================================================== */ .cookie-banner { position: fixed; bottom: var(--space-md); left: var(--space-md); right: var(--space-md); z-index: 9999; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; border-left: 4px solid var(--clr-primary); opacity: 0; transform: translateY(20px); visibility: hidden; transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s; } @media (min-width: 768px) { .cookie-banner { left: 50%; transform: translate(-50%, 20px); right: auto; max-width: 600px; min-width: 400px; } } .cookie-banner.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } @media (min-width: 768px) { .cookie-banner.is-visible { transform: translate(-50%, 0); } } .cookie-banner__text { font-size: 0.9rem; flex: 1; }