/* cookie-consent.css - Stil für Banner und Footer, modern & zugänglich */

:root{
  --cookie-bg: #0f1720;
  --cookie-accent: #1e88e5;
  --cookie-text: #e6eef9;
  --muted: #9aa6b2;
  --radius: 12px;
  --shadow: 0 8px 30px rgba(8,12,20,.45);
  --transition-fast: 220ms ease;
}

/* Footer modern */
.footer-modern{
  background: linear-gradient(180deg,#0b0f12 0,#071018 100%);
  color: var(--cookie-text);
  padding: 2.2rem 0;
}
.footer-grid{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}
.footer-left .brand{font-weight:600;margin:0}
.footer-left .small{margin:0;color:var(--muted);font-size:.9rem}
.footer-right .social{color:var(--cookie-text);margin-left:1rem;text-decoration:none;font-size:.95rem}
.footer-right .social:hover{text-decoration:underline}

/* Cookie Banner */
.cookie-banner{
  position:fixed;
  left:50%;
  transform:translateX(-50%) translateY(20px);
  bottom:24px;
  z-index:99999;
  display:block;
  opacity:0;
  pointer-events:none;
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}
.cookie-banner[aria-hidden="false"]{
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.cookie-inner{
  background:var(--cookie-bg);
  color:var(--cookie-text);
  padding:1rem;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  display:flex;
  gap:1rem;
  align-items:center;
  max-width:980px;
  width:calc(100% - 2rem);
}
.cookie-text{flex:1;min-width:200px}
.cookie-desc{color:var(--muted);font-size:.95rem;margin-top:.25rem}
.cookie-actions{display:flex;gap:.6rem}
.btn{padding:.5rem .9rem;border-radius:8px;border:0;cursor:pointer;font-weight:600}
.btn-primary{background:var(--cookie-accent);color:#fff}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--cookie-text)}
.btn:focus{outline:3px solid rgba(30,136,229,.18);outline-offset:3px}
@media (max-width:720px){
  .cookie-inner{flex-direction:column;align-items:stretch;text-align:center}
  .cookie-actions{justify-content:center}
  .footer-grid{flex-direction:column;align-items:flex-start}
  .footer-right{align-self:flex-end}
}