/* cookie-consent.css — baner i panel zgód (RODO + Consent Mode v2) */
.pp-cc, .pp-cc * { box-sizing: border-box; }
.pp-cc-banner {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 99999;
  max-width: 760px; margin: 0 auto;
  background: #141414; color: #fff; border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px; padding: 20px 22px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.45);
  font-family: 'Inter', system-ui, sans-serif; font-size: 14px; line-height: 1.6;
}
.pp-cc-banner p { margin: 0 0 16px; color: rgba(255,255,255,0.78); }
.pp-cc-banner a { color: #5FD4B3; text-decoration: underline; }
.pp-cc-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.pp-cc-btn {
  flex: 1 1 auto; min-width: 140px; padding: 11px 16px; border-radius: 10px;
  font: inherit; font-weight: 600; cursor: pointer; border: 1px solid transparent;
}
.pp-cc-btn--primary { background: #5FD4B3; color: #0a0a0a; }
.pp-cc-btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,0.18); }
.pp-cc-btn:hover { opacity: 0.9; }

.pp-cc-modal-overlay {
  position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,0.6);
  display: flex; align-items: center; justify-content: center; padding: 16px;
}
.pp-cc-modal {
  background: #141414; color: #fff; border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px; width: 100%; max-width: 560px; max-height: 88vh; overflow: auto;
  padding: 26px; font-family: 'Inter', system-ui, sans-serif; font-size: 14px; line-height: 1.6;
}
.pp-cc-modal h2 { margin: 0 0 6px; font-size: 19px; }
.pp-cc-modal a { color: #5FD4B3; }
.pp-cc-cat { padding: 14px 0; border-top: 1px solid rgba(255,255,255,0.08); }
.pp-cc-cat:first-of-type { border-top: 0; }
.pp-cc-cat__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pp-cc-cat__title { font-weight: 600; }
.pp-cc-cat__desc { margin: 6px 0 0; color: rgba(255,255,255,0.6); font-size: 13px; }
.pp-cc-cat__locked { font-size: 12px; color: #5FD4B3; font-weight: 600; }
.pp-cc-switch { position: relative; width: 44px; height: 24px; flex: 0 0 auto; }
.pp-cc-switch input { opacity: 0; width: 0; height: 0; }
.pp-cc-slider { position: absolute; inset: 0; background: rgba(255,255,255,0.18); border-radius: 999px; transition: .15s; cursor: pointer; }
.pp-cc-slider::before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; top: 3px; background: #fff; border-radius: 50%; transition: .15s; }
.pp-cc-switch input:checked + .pp-cc-slider { background: #5FD4B3; }
.pp-cc-switch input:checked + .pp-cc-slider::before { transform: translateX(20px); }
.pp-cc-modal-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }

.pp-cc-footer-link { background: none; border: 0; color: inherit; cursor: pointer; font: inherit; text-decoration: underline; opacity: 0.8; padding: 0; }
@media (max-width: 520px) { .pp-cc-btn { flex-basis: 100%; } }
