/* Footer styles — BestPlayGamee */
.site-footer { background: var(--color-surface); border-top: 1px solid var(--gray-300); padding-block: var(--space-8); }
.footer-top { display: grid; gap: var(--space-8); grid-template-columns: 1.2fr 2fr; align-items: start; }

@media (max-width: 960px) { .footer-top { grid-template-columns: 1fr; } }

.footer-brand .brand { margin-bottom: var(--space-3); }
.footer-desc { color: var(--gray-600); max-width: 52ch; }

.footer-links__title { font-size: var(--font-size-lg); margin-bottom: var(--space-3); }
.links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--space-3) var(--space-6); padding: 0; margin: 0; list-style: none; }
.links-grid a { display: inline-block; padding-block: 6px; font-weight: 600; }

.footer-bottom { margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--gray-200); display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); }
.copyright { color: var(--gray-600); }

/* Cookie banner */
.cookie-banner { position: fixed; left: 50%; bottom: var(--space-4); transform: translateX(-50%); width: min(720px, calc(100% - 2 * var(--space-4))); z-index: 1000; border-color: var(--gray-300); box-shadow: var(--shadow-3); background: var(--color-surface); }
.cookie-content { display: grid; grid-template-columns: 1.6fr auto; gap: var(--space-5); align-items: center; }
.cookie-text h2 { font-size: 1rem; margin: 0 0 var(--space-2) 0; }
.cookie-text p { margin: 0; color: var(--gray-700); }
.cookie-actions { display: inline-flex; gap: var(--space-3); justify-content: flex-end; }

@media (max-width: 720px) {
  .cookie-content { grid-template-columns: 1fr; gap: var(--space-3); }
  .cookie-actions { justify-content: stretch; flex-wrap: wrap; }
  .cookie-actions .btn { width: 100%; }
}

/* Show/Hide animation */
.cookie-banner { opacity: 1; translate: 0 0; transition: opacity var(--duration-slow) var(--ease-out), translate var(--duration-slow) var(--ease-out), visibility var(--duration-slow) var(--ease-out); }
.cookie-banner.is-hiding { opacity: 0; translate: 0 12px; }
.cookie-banner[hidden] { display: none !important; }