/* באנר הסכמת עוגיות — טוען את פיקסל מטא רק לאחר אישור */
.cookie-banner {
  position: fixed; inset-inline: 0; bottom: 0; z-index: 10000;
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px;
  background: #0d2559; color: #eef3fc;
  border-top: 1px solid rgba(255,255,255,.15);
  padding: 16px clamp(18px, 5vw, 48px);
  font-family: 'Rubik', system-ui, Arial, sans-serif;
  box-shadow: 0 -10px 34px rgba(0,0,0,.35);
}
.cookie-banner__text { flex: 1 1 340px; font-size: 13.5px; line-height: 1.6; color: #cdd9ee; }
.cookie-banner__text strong { color: #fff; font-weight: 700; }
.cookie-banner__text a { color: #4aa3f7; text-decoration: underline; }
.cookie-banner__btns { display: flex; gap: 10px; flex-shrink: 0; }
.cookie-btn {
  font-family: inherit; font-size: 14px; font-weight: 700; border-radius: 999px;
  padding: 10px 22px; cursor: pointer; border: 0; white-space: nowrap;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.cookie-accept { background: #2b8ef0; color: #fff; box-shadow: 0 8px 20px rgba(43,142,240,.35); }
.cookie-accept:hover { background: #4aa3f7; }
.cookie-decline { background: transparent; color: #cdd9ee; border: 1px solid rgba(255,255,255,.3); }
.cookie-decline:hover { border-color: #fff; color: #fff; }
.cookie-btn:focus-visible { outline: 3px solid #ffbf47; outline-offset: 2px; }

@media (max-width: 560px) {
  .cookie-banner { gap: 12px; }
  .cookie-banner__btns { width: 100%; }
  .cookie-btn { flex: 1; }
}