/* FINAL RTL + APPLY BUTTON + CAMPUS LIFE STABILITY */

html,
body,
#root {
  direction: rtl !important;
  text-align: start !important;
  font-family:
    "Noto Naskh Arabic",
    "Noto Sans Arabic",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif !important;
  font-feature-settings: "kern";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* {
  font-family:
    "Noto Naskh Arabic",
    "Noto Sans Arabic",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  font-kerning: normal !important;
}

select,
option,
input,
textarea,
button {
  direction: rtl !important;
  text-align: start !important;
  unicode-bidi: plaintext !important;
  font-family:
    "Noto Naskh Arabic",
    "Noto Sans Arabic",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif !important;
  letter-spacing: normal !important;
}

option {
  padding: 8px 10px !important;
  white-space: normal !important;
}

[lang="en"],
.ltr,
[data-lang="en"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

[lang="ar"],
[lang="ckb"],
[lang="ku"],
[dir="rtl"],
.arabic,
.kurdish,
.sorani {
  direction: rtl !important;
  unicode-bidi: plaintext !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
label,
small,
strong,
a {
  unicode-bidi: plaintext;
}

[class*="card"],
[class*="Card"],
[class*="post"],
[class*="Post"],
[class*="opportun"],
[class*="Opportun"],
[class*="univers"],
[class*="Univers"] {
  unicode-bidi: plaintext !important;
  text-align: start !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.55 !important;
}

/* remove harsh orange/black loading feeling */
[class*="loading"],
[class*="Loading"],
[class*="skeleton"],
[class*="Skeleton"] {
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(245,240,255,.92)) !important;
  color: #312e81 !important;
}

/* Apply button */
.rafid-apply-source-btn {
  margin-top: 12px !important;
  width: 100% !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #6d28d9, #2563eb) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(79, 70, 229, 0.25) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  direction: rtl !important;
  text-align: center !important;
  text-decoration: none !important;
}

.rafid-apply-source-btn:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
}

.rafid-apply-source-btn .rafid-apply-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.22) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
}

/* Missing source warning, small and clean */
.rafid-source-missing {
  margin-top: 10px !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  background: rgba(251, 191, 36, 0.12) !important;
  color: #92400e !important;
  border: 1px solid rgba(251, 191, 36, 0.28) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

/* Counter */
.rafid-opportunity-count-chip {
  margin: 10px auto 10px auto !important;
  width: fit-content !important;
  max-width: calc(100% - 28px) !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(124, 58, 237, 0.22) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #312e81 !important;
  box-shadow: 0 8px 22px rgba(76, 29, 149, 0.12) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-align: center !important;
  direction: rtl !important;
}

/* Smaller Load More */
.rafid-load-more-button,
button.rafid-load-more-button {
  width: auto !important;
  min-width: 140px !important;
  max-width: 220px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

.rafid-load-more-button svg,
.rafid-load-more-button img {
  width: 14px !important;
  height: 14px !important;
}

/* Campus fallback design */
.rafid-campus-recovery-wrap {
  width: 100% !important;
  padding: 14px !important;
  direction: rtl !important;
}

.rafid-campus-recovery-note {
  margin: 6px auto 14px auto !important;
  max-width: 720px !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.88) !important;
  color: #312e81 !important;
  border: 1px solid rgba(124,58,237,.18) !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.rafid-campus-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 14px !important;
}

.rafid-campus-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  padding: 16px !important;
  min-height: 168px !important;
  background:
    radial-gradient(circle at 15% 10%, rgba(168,85,247,.25), transparent 30%),
    radial-gradient(circle at 90% 20%, rgba(37,99,235,.22), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,243,255,.94)) !important;
  border: 1px solid rgba(124,58,237,.18) !important;
  box-shadow: 0 18px 42px rgba(76,29,149,.14) !important;
  color: #1e1b4b !important;
}

.rafid-campus-top {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.rafid-campus-avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(79,70,229,.25) !important;
}

.rafid-campus-name {
  font-size: 14px !important;
  font-weight: 950 !important;
}

.rafid-campus-meta {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #6d28d9 !important;
}

.rafid-campus-text {
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.65 !important;
  color: #312e81 !important;
}

.rafid-campus-actions {
  margin-top: 12px !important;
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.rafid-campus-pill {
  border-radius: 999px !important;
  padding: 6px 10px !important;
  background: rgba(124,58,237,.1) !important;
  color: #4c1d95 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}