@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap');

html {
  background:
    radial-gradient(circle at top right, rgba(229, 9, 20, 0.18), transparent 28%),
    radial-gradient(circle at left center, rgba(0, 114, 215, 0.1), transparent 22%),
    #131313;
  scroll-behavior: smooth;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Arabic font for description */
.arabic-text {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  direction: rtl;
  text-align: right;
}

body {
  margin: 0;
  background: transparent;
  overflow-x: hidden;
  line-height: 1.4;
}

select option {
  background: #2a2a2a;
  color: white;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.custom-scrollbar::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.text-shadow-hero {
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}

.detail-backdrop-image {
  transform: scale(1.04);
  filter: saturate(0.92);
}

#watchlist-view {
  scrollbar-gutter: stable;
}

#watchlist-container > article {
  animation: fadeIn 0.3s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}