/* gabay — RTL helpers + small overrides on top of Tailwind CDN. */
html[dir="rtl"] body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Heebo", "Assistant", Arial, sans-serif; }

/* Brand color is set as a CSS var by base.html: var(--brand). */
.btn-brand { background: var(--brand); color: white; }
.btn-brand:hover { filter: brightness(0.92); }

/* Small RTL fixes: Tailwind's max-w-* + mx-auto behaves correctly,
   but checkbox/radio rows look better with extra spacing. */
input[type="radio"], input[type="checkbox"] { margin-inline: 4px; }

/* Lightbulb popover */
#gabay-lightbulb-modal {
  position: fixed; inset: 0; background: rgba(15, 23, 42, 0.5);
  display: none; align-items: center; justify-content: center; z-index: 50;
}
#gabay-lightbulb-modal.open { display: flex; }
#gabay-lightbulb-modal .panel {
  background: white; border-radius: 12px; max-width: 440px; width: 92%; padding: 24px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}