/* Footer Styles - KrachtigSuccesHotel&Casino */
.site-footer {
  background: radial-gradient(1200px 400px at 10% 0%, rgba(201,169,97,0.1), transparent 60%), var(--color-primary-dark);
  border-top: 1px solid rgba(201, 169, 97, 0.15);
  box-shadow: var(--shadow-md) inset 0 1px 0 rgba(255,255,255,0.02);
}

.footer-inner { padding-top: var(--space-12); padding-bottom: var(--space-12); }

.footer-top { gap: var(--space-8); align-items: start; }

.footer-title {
  font-family: var(--font-primary);
  font-size: var(--font-size-2xl);
  color: var(--color-secondary);
  margin-bottom: var(--space-4);
}

.footer-links .links-grid,
.footer-legal .links-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3) var(--space-6);
}

.footer-links a, .footer-legal a {
  color: var(--color-text);
}

.footer-links a:hover, .footer-legal a:hover { color: var(--color-secondary-light); }

.footer-brand .brand-inline { display: inline-flex; align-items: center; gap: var(--space-3); }
.footer-brand .brand-logo { width: 48px; height: 48px; border-radius: var(--radius-full); box-shadow: var(--shadow-gold); }
.footer-brand .brand-name {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-light));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

.social-links { display: flex; gap: var(--space-4); }
.social-links a { color: var(--color-text); font-size: 1.125rem; }
.social-links a:hover { color: var(--color-secondary-light); }

.footer-cta { margin-top: var(--space-6); }

.footer-bottom { display: flex; align-items: center; justify-content: center; padding-top: var(--space-6); }
.copyright { color: var(--color-text-muted); font-size: var(--font-size-sm); text-align: center; }

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

@media (max-width: 640px) {
  .footer-links .links-grid, .footer-legal .links-grid { grid-template-columns: 1fr; }
}

/* Cookie banner */
.cookie-banner {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: var(--z-modal);
  background: var(--color-background-elevated);
  border-top: 1px solid rgba(201, 169, 97, 0.25);
  box-shadow: var(--shadow-xl);
  transform: translateY(110%);
  transition: transform var(--transition-slower), opacity var(--transition-base), visibility var(--transition-base);
  opacity: 0; visibility: hidden;
}
.cookie-banner.is-visible { transform: translateY(0); opacity: 1; visibility: visible; }
.cookie-banner.is-hidden { transform: translateY(110%); opacity: 0; visibility: hidden; }

.cookie-content { 
  display: grid; gap: var(--space-4); 
  padding: var(--space-6) var(--space-6); 
  padding-bottom: calc(var(--space-6) + env(safe-area-inset-bottom));
}
.cookie-content h2 { font-size: var(--font-size-xl); margin: 0; }
.cookie-content p { margin: 0; color: var(--color-text-muted); }
.cookie-actions { display: flex; gap: var(--space-3); justify-content: flex-end; flex-wrap: wrap; }

.cookie-banner a { text-decoration: underline; }

.cookie-banner .btn { min-width: 160px; }

.cookie-banner:focus-visible { outline: none; }

@media (max-width: 640px) {
  .cookie-actions { justify-content: stretch; }
  .cookie-banner .btn { width: 100%; }
}