/* ============================================================
   Roema Design — Cookie-Consent (Modul, global einbindbar)
   Einbinden auf JEDER Seite:
     <link rel="stylesheet" href="css/cookie-consent.css">
     <script src="js/cookie-consent.js"></script>
   ============================================================ */

.cc-banner{
  position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(8px);
  z-index:10000;width:min(680px,92vw);display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;
  padding:18px 22px;border-radius:18px;
  background:rgba(7,31,59,.94);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 24px 70px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s;
  color:#eaf0f7;font-family:'Inter','Helvetica Neue',Arial,sans-serif;
}
.cc-banner.cc-show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.cc-banner p{flex:1 1 280px;font-size:13.5px;line-height:1.55;color:rgba(234,240,247,.85);margin:0;}
.cc-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.cc-link{font-size:13px;color:#f4d489;text-decoration:underline;white-space:nowrap;}

.cc-btn{display:inline-block;padding:10px 20px;border-radius:44px;font-weight:500;font-size:13.5px;
  letter-spacing:.3px;cursor:pointer;border:none;font-family:inherit;transition:transform .2s,background .2s;}
.cc-btn:hover{transform:translateY(-2px);}
.cc-accept{background:linear-gradient(120deg,#E8853A,#f0a05c);color:#071f3b;
  box-shadow:0 10px 26px rgba(232,133,58,.35);}
.cc-decline{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;}

/* kleiner Reopen-Button (Einwilligung später ändern) */
.cc-reopen{position:fixed;left:18px;bottom:18px;z-index:9990;width:42px;height:42px;border-radius:50%;
  display:none;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(7,31,59,.9);border:1px solid rgba(255,255,255,.14);color:#f4d489;font-size:18px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.4);}
.cc-reopen.cc-visible{display:flex;}
.cc-reopen:hover{border-color:#cfa756;}

[dir="rtl"] .cc-reopen{left:auto;right:18px;}