/* =========================================================
   Fahringer Solutions – Cookie-Consent-Banner
   ========================================================= */

.cookie-banner{
  position:fixed; left:16px; right:16px; bottom:-260px; z-index:100;
  max-width:640px; margin:0 auto;
  background:var(--glass-2); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border:1px solid var(--line); border-radius:16px;
  padding:20px 22px;
  box-shadow:0 1px 2px rgba(27,33,28,0.04), 0 24px 56px rgba(27,33,28,0.18);
  transition:bottom .35s ease;
}
.cookie-banner.show{ bottom:16px; }

.cookie-banner-inner p{
  font-size:13.5px; line-height:1.55; color:var(--text-dim); margin-bottom:14px;
}
.cookie-banner-inner a{ color:var(--mint); text-decoration:underline; text-underline-offset:2px; }

.cookie-banner-actions{ display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }

.btn-ghost{
  background:transparent; border:1px solid var(--line); color:var(--text-dim);
  padding:10px 18px; font-family:'IBM Plex Sans', sans-serif; font-weight:600; font-size:14px;
  border-radius:100px; cursor:pointer; transition:border-color .15s ease, color .15s ease;
}
.btn-ghost:hover{ border-color:var(--line-strong); color:#12160F; }
.btn-ghost:focus-visible{ outline:2px solid var(--mint); outline-offset:2px; }

@media (max-width:480px){
  .cookie-banner{ left:10px; right:10px; padding:16px 18px; bottom:-320px; }
  .cookie-banner.show{ bottom:10px; }
  .cookie-banner-actions{ flex-direction:column-reverse; }
  .cookie-banner-actions button{ width:100%; justify-content:center; }
}

@media (prefers-reduced-motion: reduce){
  .cookie-banner{ transition:none; }
}