/* DPU Research Showcase — custom Tailwind utilities */

[x-cloak] { display: none !important; }

/* Line clamping */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Filter chips */
.chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 9999px;
  border: 1px solid;
  cursor: pointer;
  transition: all 0.15s;
  user-select: none;
}
.chip-off {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #475569;
}
.chip-off:hover { background: #f1f5f9; }
.chip-on { box-shadow: 0 1px 2px rgba(15, 23, 42, .06); }
.chip-emerald { background: #ecfdf5; border-color: #a7f3d0; color: #047857; }
.chip-amber   { background: #fffbeb; border-color: #fcd34d; color: #b45309; }
.chip-indigo  { background: #eef2ff; border-color: #c7d2fe; color: #4338ca; }
/* DPU brand chip variants */
.chip-brand   { background: #fff5ec; border-color: #ffc89e; color: #b3470b; }
.chip-navy    { background: #eef2fb; border-color: #b5c4e8; color: #1e3a8a; }
.chip-teal    { background: #f0fdfa; border-color: #99f6e4; color: #0f766e; }

/* Smooth card transitions */
article { transform: translateZ(0); }

/* RTL — flip absolute-positioned icons inside relative wrappers */
[dir="rtl"] .absolute.left-3 { left: auto; right: 0.75rem; }
[dir="rtl"] input.pl-9, [dir="rtl"] input.pl-10 { padding-left: 1rem; }
[dir="rtl"] input.pl-9 { padding-right: 2.25rem; }
[dir="rtl"] input.pl-10 { padding-right: 2.5rem; }
/* Logical-property fallbacks (Tailwind's start-/ps- already work in modern browsers) */
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }

/* Pick a friendlier UI font for Arabic / Kurdish so the brand title
   doesn't render in the system fallback. */
html[lang="ar"], html[lang="ku"] {
  font-family: 'Noto Kufi Arabic', 'Inter', ui-sans-serif, system-ui, sans-serif;
}