/* Banner */
.io-cookie-banner {
  position: fixed; left: 50%; bottom: 2rem; transform: translate(-50%, 30px);
  background: #0b5e49; color: #fff; z-index: 9999;
  width: min(92vw, 720px); border-radius: 16px; padding: 18px 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,.18); opacity: 0; transition: .3s ease;
}
.io-cookie-banner.show { transform: translate(-50%, 0); opacity: 1; }
.io-cookie-inner p { margin: 0 0 12px 0; line-height: 1.5; }
.io-cookie-inner a { color: #c5fce4; text-decoration: underline; }
.io-cookie-actions { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }
.io-btn { cursor:pointer; border-radius: 12px; padding: 10px 16px; font-weight:700; border:2px solid transparent; }
.io-btn-accept { background:#c5fce4; color:#0b5e49; border-color:#c5fce4; }
.io-btn-reject { background:transparent; color:#c5fce4; border-color:#c5fce4; }
.io-btn-secondary { background:transparent; color:#fff; border-color:#fff; opacity:.9; }
.io-btn:hover { transform: translateY(-1px); }

/* Modal */
.io-cookie-modal { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: rgba(0,0,0,.45); }
.io-cookie-modal[hidden]{ display:none; }
.io-cookie-modal__dialog {
  background:#fff; color:#0b5e49; width:min(92vw,720px); border-radius:16px; padding:22px;
  box-shadow: 0 30px 80px rgba(0,0,0,.25);
}
.io-cookie-modal__dialog h3{ margin:0 0 10px 0; }
.io-prefs { list-style:none; padding:0; margin:14px 0 14px 0; display:grid; gap:10px; }
.io-switch { display:flex; gap:10px; align-items:center; font-weight:600; }
.io-cookie-modal__actions { display:flex; gap:10px; justify-content:flex-end; }

/* Consent overlay (ör: Google Maps bloklu görünüm) */
.io-consent-wrap { position: relative; }
.io-consent-wrap.io-consent-blocked::after {
  content: "Zum Anzeigen ist Ihre Zustimmung erforderlich (Kategorie: Karten).";
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background: rgba(11,94,73,.92); color:#fff; text-align:center; padding:16px; border-radius:12px;
}
.io-consent-wrap.io-consent-blocked::before {
  content: "🔒";
  position:absolute; top:12px; left:12px; font-size: 18px; color:#c5fce4;
}

/* Mobile */
@media (max-width:768px){
  .io-cookie-actions{ justify-content: center; }
}