/* Nova Portal theme (Arabic) — distinct footprint from Tailwind build */
/* Palette: midfield indigo, royal violet, sand, slate */
:root{
  --nova-bg:#0f172a;
  --nova-deep:#1e1b4b;
  --nova-accent:#8b5cf6;
  --nova-accent-2:#22c55e;
  --nova-sand:#f5e9d7;
  --nova-text:#e5e7eb;
  --nova-muted:#94a3b8;
}
html[dir="rtl"] body{ font-family: "Cairo", "Tajawal", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; line-height:1.75; }

body{ background:linear-gradient(180deg,var(--nova-bg),#111827); color:var(--nova-text); }
.nv-hero{ background: radial-gradient(1200px 600px at 100% -20%, rgba(139,92,246,.15), transparent 60%); }
.nv-card{ background: #0b1020; border:1px solid rgba(148,163,184,.18); border-radius: 1.25rem; }
.nv-border{ border:1px dashed rgba(148,163,184,.35) }
.nv-badge{ background:rgba(139,92,246,.15); color:#c4b5fd; border:1px solid rgba(139,92,246,.35); }
.nv-cta{ background:linear-gradient(90deg, var(--nova-accent), #6366f1); border:none; }
.nv-cta:hover{ filter:brightness(1.1) }
.nv-shadow{ box-shadow: 0 10px 30px rgba(17,24,39,.55); }
.nv-text-muted{ color: var(--nova-muted) !important; }

/* Reviews */
.review-quote{ border-inline-start: 3px solid var(--nova-accent); padding-inline-start: .75rem; }

/* Status pill */
.pill{ display:inline-flex; align-items:center; gap:.4rem; padding:.25rem .6rem; border-radius:999px; font-size:.85rem; }
.pill.ok{ background: rgba(34,197,94,.12); color:#86efac; border:1px solid rgba(34,197,94,.35) }
.pill.warn{ background: rgba(250,204,21,.12); color:#fde68a; border:1px solid rgba(250,204,21,.35) }
.pill.info{ background: rgba(139,92,246,.12); color:#c4b5fd; border:1px solid rgba(139,92,246,.35) }

/* Form width */
@media (min-width: 1024px){
  .nv-form-wrap{ max-width: 720px; }
}
/* Smaller container */
.container-nv{ max-width: 1080px; }

/* Make Bootstrap feel different */
.btn, .form-control, .form-select{ border-radius: 14px !important; }
.form-control, .form-select{ background:#0a0f1e; border:1px solid rgba(148,163,184,.25); color: var(--nova-text); }
.form-control:focus, .form-select:focus{ background:#0c1224; border-color:#7c3aed; color:var(--nova-text); box-shadow:0 0 0 .25rem rgba(124,58,237,.15) }
.card{ background: #0b1020; border:1px solid rgba(148,163,184,.18); border-radius: 18px; }
.lead{ color:var(--nova-sand) }
a{ color:#a78bfa }
.footer-links a{ color: var(--nova-muted); text-decoration: none; }
.footer-links a:hover{ color:#c7d2fe; text-decoration: underline; }

.copy-btn{ border:1px solid rgba(148,163,184,.35); background:#0b1224 }
.copy-btn:hover{ background:#111a32 }

/* --- Readability improvements --- */
:root{
  --placeholder:#cbd5e1; /* slate-300 */
  --heading:#e5e7eb;
}
h1,h2,h3,h4,h5,strong{ color: var(--heading); }
.form-control, .form-select, textarea{
  font-size: 1rem;
}
.form-control::placeholder, textarea::placeholder{
  color: var(--placeholder);
  opacity: 1; /* ensure full opacity on Safari/Firefox */
  font-weight: 500;
}
/* improve contrast of tiny helper text */
.small, .nv-text-muted{ color: #a4b0c0 !important; }

/* Cards headings on dark backgrounds */
.card .h5, .card h3{ color: var(--heading); }


/* --- Lower section readability & font fixes --- */
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Enforce font + improve contrast inside cards (lower section) */
.card, .card *{
  font-family: "Cairo", "Tajawal", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
.card{ color: #e6e9f0; }
.card .nv-text-muted{ color: #c2cbd8 !important; }
.card li{ color:#e6e9f0; }
.card .review-quote{ color:#f1f5f9; font-weight:600; }
.card h3, .card .h5{ color:#f8fafc; font-weight:700; }

/* Slightly larger small text in lower blocks */
.card .small{ font-size: .95rem; }

/* Bullet spacing for Arabic */
.card ul{ padding-right: 1rem; }
.card ul li{ margin-bottom:.35rem; }



/* === Global readability enforcement === */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
button, input, select, textarea, .btn, .alert, .pill, code, kbd, samp,
.form-control, .form-select, .copy-btn {
  font-family: "Cairo", "Tajawal", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Thank-you page tracking code box */
#caseId{
  font-family: "Cairo", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace !important;
  color: #f8fafc;
  letter-spacing: .4px;
}
.d-inline-flex.bg-dark { background:#0b1224 !important; border:1px solid rgba(148,163,184,.35); }
#copyId{ color:#e5e7eb; }

/* Tracking page cards and alerts */
#trackResult, #notFound, .alert{
  font-family: "Cairo", "Tajawal", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
#trackResult .small, #trackResult [data-id], #trackResult [data-name],
#trackResult [data-type], #trackResult [data-date], #trackResult [data-status]{
  color:#e6e9f0;
}
.alert{ background:#1a243d; color:#e6e9f0; border:1px solid rgba(148,163,184,.35); }
.alert-warning{ background:#2a2b13; color:#fff4cc; border-color: rgba(250,204,21,.35); }

/* Inputs & placeholders on all pages */
.form-control, .form-select, textarea{ color:#eef2f7; }
.form-control::placeholder, textarea::placeholder{ color:#d9e2ee; opacity: 1; font-weight:500; }