/* ==========================================================
   🌐 Footer – FINAL
   - Suche mit Button nebeneinander
   - Cookie als schöner Button
   - kein Chaos
========================================================== */

/* ---------------- Footer ---------------- */
.site-footer{
  width:100%;
  background:linear-gradient(180deg,#111827 0%,#0b1220 100%);
  color:#cbd5e1;
  padding:36px 0 26px;
  border-top:1px solid rgba(255,255,255,.06);
}
.site-footer .footer-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  box-sizing:border-box;
}

/* Links */
.footer-links-row{
  display:flex;
  justify-content:center;
  gap:20px;
  margin-bottom:22px;
  flex-wrap:wrap;
}
.footer-links-row a{
  color:#7dd3fc;
  text-decoration:none;
  font-size:.95rem;
}
.footer-links-row a:hover{ text-decoration:underline; }

/* Bottom */
.footer-bottom-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:18px;
}

/* Brand */
.footer-brand h3{margin:0;font-size:1.1rem;color:#7dd3fc}
.footer-brand p{margin:6px 0 0;font-size:.85rem;color:#9ca3af}

/* ---------------- Suche (Eingabe + Button) ---------------- */
.footer-search{
  display:flex;
  align-items:center;
  gap:8px;
}
.footer-search input{
  height:38px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid #334155;
  background:#0b1220;
  color:#e5e7eb;
}
.footer-search button{
  height:38px;
  padding:0 14px;
  border-radius:10px;
  border:none;
  background:#2563eb;
  color:#fff;
  font-weight:600;
  cursor:pointer;
}
.footer-search button:hover{ background:#1d4ed8; }

/* ---------------- Scroll-To-Top (Original Look) ---------------- */
#scrollTopBtn{
  position:fixed;
  right:28px;
  bottom:96px;
  width:56px;height:56px;border-radius:50%;
  background:rgba(0,255,255,.08);
  border:2px solid rgba(0,255,255,.45);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 15px rgba(0,255,255,.35), inset 0 0 10px rgba(0,255,255,.25);
  opacity:0;visibility:hidden;
  transition:opacity .25s ease,transform .25s ease;
  z-index:9999;
}
#scrollTopBtn.show{opacity:1;visibility:visible;transform:scale(1)}
#scrollTopBtn::before{
  content:"↑";
  font-size:22px;font-weight:700;
  color:#00ffff;text-shadow:0 0 10px rgba(0,255,255,.8);
}

/* ---------------- Cookie: schöner Button ---------------- */
/* generisch – greift bei den meisten Tools */
.cookie-settings,
#cookie-settings,
a[aria-label*="Cookie"],
button[aria-label*="Cookie"]{
  position:fixed;
  left:20px;
  bottom:20px;
  padding:10px 14px;
  border-radius:10px;
  background:#111827;
  color:#e5e7eb;
  border:1px solid #334155;
  font-weight:600;
  text-decoration:none;
  z-index:10000;
}
.cookie-settings:hover,
#cookie-settings:hover,
a[aria-label*="Cookie"]:hover,
button[aria-label*="Cookie"]:hover{
  background:#1f2937;
}

/* ---------------- Mobile ---------------- */
@media (max-width:900px){
  .footer-bottom-row{flex-direction:column;text-align:center}
}

/* ---------------- Light Mode ---------------- */
body:not(.dark-mode) .site-footer{
  background:#f3f4f6;color:#1f2937;border-top:1px solid #e5e7eb
}
body:not(.dark-mode) .footer-links-row a{color:#2563eb}
body:not(.dark-mode) .footer-search input{
  background:#fff;border-color:#cbd5e1;color:#111827
}
body:not(.dark-mode) .footer-search button{background:#2563eb}
body:not(.dark-mode) #scrollTopBtn{
  background:rgba(2,132,199,.08);
  border-color:rgba(2,132,199,.4)
}
body:not(.dark-mode) #scrollTopBtn::before{color:#0284c7}