/* Cookie consent banner - כוח החשיבה (light theme) */
#cookie-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #ffffff;
  color: #1c1626;
  padding: 16px 24px;
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  direction: rtl;
  font-family: "Heebo", sans-serif;
  box-shadow: 0 -6px 24px rgba(28, 22, 38, 0.12);
  border-top: 1px solid rgba(168, 85, 247, 0.35);
}

#cookie-consent-banner.is-visible {
  display: flex;
}

#cookie-consent-banner p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.6;
  flex: 1 1 280px;
  color: #1c1626;
}

#cookie-consent-banner a {
  color: #7e22ce;
  text-decoration: underline;
}

.cookie-consent-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex: 0 0 auto;
}

.cookie-consent-actions button {
  cursor: pointer;
  border-radius: 999px;
  padding: 10px 20px;
  font-size: 0.85rem;
  font-family: inherit;
  font-weight: 600;
  border: 1px solid rgba(28, 22, 38, 0.3);
  background: transparent;
  color: #1c1626;
  transition: opacity 0.2s ease, background 0.2s ease;
}

.cookie-consent-actions button:hover {
  background: rgba(28, 22, 38, 0.05);
}

#cookie-accept-all {
  background: #a855f7;
  color: #ffffff;
  border-color: #a855f7;
}

#cookie-accept-all:hover {
  background: #9333ea;
  opacity: 1;
}

#cookie-settings-link {
  position: fixed;
  bottom: 14px;
  left: 14px;
  z-index: 9998;
  font-size: 0.75rem;
  font-family: "Heebo", sans-serif;
  color: #1c1626;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(28, 22, 38, 0.2);
  padding: 6px 12px;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  display: none;
  box-shadow: 0 4px 14px rgba(28, 22, 38, 0.1);
}

#cookie-settings-link.is-visible {
  display: inline-block;
}

@media (max-width: 640px) {
  #cookie-consent-banner {
    padding: 14px 16px;
  }
  .cookie-consent-actions {
    width: 100%;
  }
  .cookie-consent-actions button {
    flex: 1 1 auto;
  }
}

/* The banner spans the full width of the bottom of the screen, which would
   otherwise sit on top of the accessibility button in that same corner.
   Lift it clear of the banner while the banner is showing. */
body.cookie-banner-open .a11y-toggle {
  bottom: 108px;
  transition: bottom 0.2s ease;
}
@media (max-width: 640px) {
  body.cookie-banner-open .a11y-toggle {
    bottom: 168px;
  }
}