/* FaborTV KoraVIP — Light Mode Arabic Sports Streaming Stylesheet */
:root {
  --fabortv-bg: #f8fafc;
  --fabortv-header-bg: #ffffff;
  --fabortv-card-bg: #ffffff;
  --fabortv-card-hover: #ffffff;
  --fabortv-border: #e2e8f0;
  --fabortv-purple: #4c1d95;
  --fabortv-purple-hover: #6d28d9;
  --fabortv-purple-light: #8b5cf6;
  --fabortv-amber: #d97706;
  --fabortv-green: #047857;
  --fabortv-blue: #1d4ed8;
  --fabortv-text: #0f172a;
  --fabortv-text-muted: #334155;
  --fabortv-radius: 14px;
}

*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }

body, body.fabortv-light-theme, body.ysf-manga-light {
  margin: 0; padding: 0;
  background-color: var(--fabortv-bg);
  color: var(--fabortv-text);
  font-family: 'Cairo', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: rtl;
  text-align: right;
}

a { color: var(--fabortv-purple); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--fabortv-purple-hover); }
img { max-width: 100%; height: auto; }

/* Container */
.fabortv-container, .ysf-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

/* Pulse Animation */
@keyframes pulse {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.8; }
}

/* Header */
.fabortv-header {
  background: var(--fabortv-header-bg);
  border-bottom: 1px solid var(--fabortv-border);
  position: sticky; top: 0; z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}
.fabortv-header-container {
  max-width: 1200px; margin: 0 auto; padding: 12px 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.fabortv-brand-logo {
  display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
}
.fabortv-brand-icon {
  width: 38px; height: 38px; background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%);
  border-radius: 10px; display: inline-flex; justify-content: center; align-items: center;
  color: #ffffff; font-size: 20px; box-shadow: 0 4px 12px rgba(76, 29, 149, 0.3);
}

.fabortv-nav-menu ul {
  display: flex; list-style: none; margin: 0; padding: 0; gap: 14px; align-items: center;
}
.fabortv-nav-menu a {
  color: #334155; font-size: 14.5px; font-weight: 700; display: inline-flex; align-items: center; gap: 5px;
  padding: 6px 12px; border-radius: 8px; transition: all 0.2s;
}
.fabortv-nav-menu a:hover { color: var(--fabortv-purple); background: #f1f5f9; }

/* Match Card */
.fabortv-match-card {
  background: #ffffff;
  border: 1px solid var(--fabortv-border);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.03);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.fabortv-match-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(76, 29, 149, 0.08);
  border-color: #ddd6fe;
}

/* Backlink CTAs */
.koravip-cta-btn {
  background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%);
  color: #ffffff !important;
  font-weight: 800;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 6px 20px rgba(76, 29, 149, 0.35);
  transition: transform 0.2s ease;
}
.koravip-cta-btn:hover {
  transform: scale(1.02);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .fabortv-header-container { flex-direction: column; gap: 12px; }
  .fabortv-nav-menu ul { flex-wrap: wrap; justify-content: center; }
  .teams-versus-wrapper { flex-direction: row; }
}