/*
Theme Name: Flixawy - فليكساوي
Theme URI: https://flixawy.xyz/
Author: Flixawy XYZ Team
Author URI: https://flixawy.xyz/
Description: قالب ووردبريس احترافي متكامل فائق السرعة لمواقع الأفلام والمسلسلات مع سحاب استيراد TMDB و IMDb باللغة العربية، ودعم 4 سيرفرات مشاهدة وتحميل (Luluvid, Bysebuho, Voe, Earnvids)، ومشاركة السوشيال ميديا مع صورة الفيلم التلقائية، وصفحة انتظار بروابط مشفرة، ونظام الحسابات والمفضلة وسجل المشاهدة، وتوافق كامل مع سيو Yoast SEO والأرشفة السريعة بتصميم مطابق للواجهة الحديثة.
Version: 4.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: flixawy
Domain Path: /languages
Tags: movies, series, entertainment, tmdb-importer, video-player, dark-mode, rtl-support, seo-optimized, fast-indexing, social-share, opengraph, user-favorites
*/

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap');

:root {
  --primary-gold: #f59e0b;
  --primary-gold-hover: #d97706;
  --gold-glow: rgba(245, 158, 11, 0.25);
  --bg-main: #050505;
  --bg-surface: #0a0a0f;
  --bg-card: #0e0e14;
  --bg-card-hover: #14141c;
  --bg-elevated: #181822;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-highlight: rgba(245, 158, 11, 0.4);
  --text-main: #f4f4f5;
  --text-muted: #a1a1aa;
  --text-dim: #71717a;
  --accent-emerald: #10b981;
  --accent-blue: #3b82f6;
  --accent-red: #ef4444;
  --accent-purple: #a855f7;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  direction: rtl;
  text-align: right;
  scroll-behavior: smooth;
  font-family: 'Cairo', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background-color: var(--bg-main);
  color: var(--text-main);
}

body {
  background-color: var(--bg-main);
  color: var(--text-main);
  font-family: 'Cairo', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

button, input, select, textarea {
  font-family: inherit;
  color: inherit;
}

.container-app {
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Glassmorphism Header */
.site-header-nav {
  background: rgba(5, 5, 8, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-subtle);
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 10px 0;
}

.brand-badge {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #f59e0b;
  font-size: 11px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 6px;
}

/* Movie Card System */
.card-media {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  display: flex;
  flex-direction: column;
}

.card-media:hover {
  transform: translateY(-5px);
  border-color: var(--border-highlight);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6), 0 0 20px rgba(245, 158, 11, 0.1);
}

.card-media-poster-wrap {
  position: relative;
  aspect-ratio: 2/3;
  overflow: hidden;
  background: #111116;
}

.card-media-poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.card-media:hover .card-media-poster {
  transform: scale(1.08);
}

.badge-pill-quality {
  background: #f59e0b;
  color: #000;
  font-size: 10px;
  font-weight: 900;
  padding: 3px 7px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

.badge-pill-rating {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(245, 158, 11, 0.4);
  color: #f59e0b;
  font-size: 11px;
  font-weight: 900;
  padding: 2px 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.badge-pill-mature {
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  padding: 2px 6px;
  border-radius: 6px;
}

.card-overlay-actions {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease;
}

.card-media:hover .card-overlay-actions {
  opacity: 1;
  pointer-events: auto;
}

/* Category Filter Tabs */
.tab-filter-btn {
  background: #0e0e14;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
  padding: 8px 16px;
  border-radius: 9999px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.tab-filter-btn:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  background: #181822;
}

.tab-filter-btn.active {
  background: #f59e0b;
  color: #000000;
  border-color: #f59e0b;
  font-weight: 900;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.3);
}

/* Player Box & Responsive Embed */
.player-container {
  background: #0a0a0f;
  border: 1px solid var(--border-subtle);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.7);
  margin-bottom: 24px;
}

.server-selector-bar {
  background: #07070a;
  border-bottom: 1px solid var(--border-subtle);
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.server-btn-item {
  background: #121218;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.server-btn-item:hover, .server-btn-item.active {
  background: #f59e0b;
  color: #000;
  border-color: #f59e0b;
  font-weight: 900;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.player-embed-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background: #000;
}

.player-embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Cinema Lights Toggle */
.cinema-dimmed {
  background: #000000 !important;
}

.cinema-dimmed .site-header-nav,
.cinema-dimmed .site-footer,
.cinema-dimmed .ad-banner-slot {
  opacity: 0.05 !important;
  pointer-events: none !important;
}

/* Modals */
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12px);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.modal-backdrop.open {
  opacity: 1;
  pointer-events: auto;
}

.modal-card {
  background: #0c0c10;
  border: 1px solid var(--border-subtle);
  border-radius: 24px;
  width: 100%;
  max-width: 640px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8);
  transform: scale(0.95);
  transition: transform 0.25s ease;
}

.modal-backdrop.open .modal-card {
  transform: scale(1);
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: #050505; }
::-webkit-scrollbar-thumb { background: #1c1c24; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #f59e0b; }