/* =====================================================================
   RISHUM — design tokens
   הפלטה לפי הרפרנס שסופק (אתר "שפר"):
   - סגול עמוק לכותרות, לטקסט מודגש ולניווט
   - ירוק ליים לכפתורי פעולה ראשיים — הטקסט עליו תמיד סגול-כהה:
     ליים הוא גוון בהיר (L≈0.55) ולבן עליו נכשל בניגודיות (≈1.9:1),
     בעוד סגול-כהה עליו נותן ≈7.8:1.
   - תכלת רך לרקעי משטחים, לבן לכרטיסים, פינות מעוגלות וכפתורי גלולה.
   ===================================================================== */
:root {
  --brand: #43277e;         /* סגול עמוק — כותרות, קישורים, ניווט */
  --brand-dark: #2e1a5e;    /* סגול כהה — טקסט על ליים, hover */
  --brand-soft: #ece7f6;    /* סגול מדולל — רקעי badge/hover עדינים */
  --accent: #a6ce39;        /* ירוק ליים — CTA בלבד, לעולם לא טקסט */
  --accent-hover: #b8dc52;
  --sky: #e4f4fc;           /* תכלת רך — רקעי hero ומקטעים */
  --page-bg: #f7fbfe;
  --ink: #2b2540;           /* טקסט רץ */
  --muted: #6b6580;
  --card-border: #e3e0ee;
  --danger: #b3261e;
}

body {
  background: var(--page-bg);
  color: var(--ink);
  font-family: "Segoe UI", "Heebo", "Arial Hebrew", Arial, sans-serif;
}

h1, h2, h3, h4, h5, .navbar-brand { color: var(--brand); font-weight: 700; }

a { color: var(--brand); }
a:hover { color: var(--brand-dark); }

/* --- Navbar ---------------------------------------------------------- */
.navbar-rishum {
  background: #fff;
  border-bottom: 3px solid var(--accent);
}
.navbar-rishum .nav-link { color: var(--brand); font-weight: 500; }
.navbar-rishum .nav-link:hover,
.navbar-rishum .nav-link.active { color: var(--brand-dark); }

/* --- Buttons: pill-shaped, lime CTA with dark-purple ink -------------- */
.btn { border-radius: 999px; padding-inline: 1.4rem; font-weight: 600; }
.btn-primary,
.btn-success {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--brand-dark);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  color: var(--brand-dark) !important;
}
.btn-outline-primary {
  color: var(--brand);
  border-color: var(--brand);
}
.btn-outline-primary:hover {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

/* --- Cards / surfaces -------------------------------------------------- */
.card { border: 1px solid var(--card-border); border-radius: 1rem; }
.card-header { background: var(--sky); border-bottom: 1px solid var(--card-border); }

.hero {
  background: linear-gradient(180deg, var(--sky), var(--page-bg));
  border-radius: 1.25rem;
  padding: 2.5rem 1.5rem;
}

/* --- Forms ------------------------------------------------------------- */
.form-control, .form-select { border-radius: 0.75rem; }
.form-control:focus, .form-select:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 0.2rem rgba(67, 39, 126, 0.15);
}
.required-star { color: var(--danger); }
.invalid-feedback { display: block; }

/* --- Status badges ------------------------------------------------------ */
.badge-status { border-radius: 999px; padding: 0.45em 0.9em; font-size: 0.85em; font-weight: 600; }
.badge-status.draft { background: var(--brand-soft); color: var(--brand-dark); }
.badge-status.submitted { background: var(--sky); color: #1d4e6b; }
.badge-status.under_review { background: #fdf3d7; color: #7a5a12; }
.badge-status.approved { background: #e2f2cb; color: #3c5a10; }
.badge-status.rejected { background: #f8dcda; color: #8c1d17; }
.badge-status.cancelled { background: #eceaf0; color: var(--muted); }

/* --- Tables -------------------------------------------------------------- */
.table thead th { color: var(--brand); background: var(--sky); }

/* --- Footer ---------------------------------------------------------------*/
.footer { color: var(--muted); border-top: 1px solid var(--card-border); }

/* Numbers and phone values render LTR inside RTL text */
.ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }