/*
Theme Name: YallaTV V19 Pro
Theme URI: https://yallatv.ae
Description: Ultra-Premium Custom Headless-Style Theme for Yalla TV
Version: 19.0
Author: YallaTV Team
Author URI: https://yoursite.com
Text Domain: yallatv
*/


/* Theme Variables */
:root {
  --color-primary: #E50914;
  --color-accent: #00BCD4;
  --color-background: #FFFFFF;
  --color-text: #1E293B;
}

[data-theme="dark"] {
  --color-background: #0F172A;
  --color-text: #F1F5F9;
}

/* Base Styles */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--color-background);
  color: var(--color-text);
}

/* Import custom styles */
@import url('./assets/css/custom.css');

/* Custom Pagination Styling */
.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  height: 2.75rem;
  padding: 0 0.75rem;
  border-radius: 9999px; /* fully rounded */
  font-weight: 800; /* extra bold */
  font-size: 0.875rem;
  color: #475569;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.dark .page-numbers {
  color: #94a3b8;
  background-color: #1e293b;
  border-color: #334155;
}
.page-numbers:hover {
  color: #ffffff;
  background-color: #dc2626; /* red-600 */
  border-color: #dc2626;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.3);
}
.page-numbers.current {
  color: #ffffff;
  background-color: #dc2626; /* red-600 */
  border-color: #dc2626;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(220, 38, 38, 0.4);
}
.page-numbers.dots {
  background-color: transparent;
  border-color: transparent;
  pointer-events: none;
  box-shadow: none;
}
.dark .page-numbers.dots {
  background-color: transparent;
  border-color: transparent;
  color: #64748b;
}