/*
Theme Name: FutureX Academy Elite - الأكاديمية السعودية المتكاملة
Theme URI: https://futurex.sa
Author: Gulf Web Studio
Author URI: https://sudiaweb.com
Description: قالب ووردبريس تعليمي فاخر وعصري بالهوية الخليجية والسعودية، يجمع بين تصاميم دار الثقة (DTH) وقاف بلس (Qaff Plus) وأكاديمية السقيفة (Asaqefah)، ومتوافق بالكامل مع معايير المركز الوطني للتعليم الإلكتروني (NELC) ومنصتي FutureX وقدرة (Qudra).
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: futurex-academy
Domain Path: /languages
Tags: education, lms, rtl-language-support, right-to-left, grid-layout, custom-menu, featured-images, theme-options
*/

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Almarai:wght@300;400;700;800&display=swap');

/* فرض خط تجوال التعليمي السعودي الرسمي في كافة أنحاء الموقع */
*, *::before, *::after, html, body, h1, h2, h3, h4, h5, h6, p, a, span, button, input, select, textarea, .btn, .badge, .nav-link, .site-logo, .site-logo .logo-title, .site-logo .logo-tagline, .mega-dropdown-menu, .futurex-modal-card, [class*="tutor-"] {
  font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

:root {
  /* ألوان الهوية السعودية والخليجية الفاخرة */
  --color-primary: #004741;          /* أخضر زمردي سعودي فاخر */
  --color-primary-hover: #003632;
  --color-primary-light: #006b62;
  --color-primary-soft: rgba(0, 71, 65, 0.08);
  
  --color-secondary: #0a1926;        /* كحلي ملكي عميق */
  --color-secondary-soft: #14283b;
  
  --color-accent-gold: #c5a880;      /* ذهبي راقي معتمد للشهادات والتراخيص */
  --color-accent-gold-light: #e6d3ba;
  --color-accent-gold-dark: #a28359;
  
  --color-teal: #009799;             /* تركواز عصري متوافق مع DTH */
  --color-teal-soft: rgba(0, 151, 153, 0.1);
  
  --color-surface-bg: #f8fafc;
  --color-surface-card: #ffffff;
  --color-surface-card-hover: #ffffff;
  
  --color-text-main: #1e293b;
  --color-text-muted: #64748b;
  --color-text-light: #94a3b8;
  
  --color-border: #e2e8f0;
  --color-border-subtle: #f1f5f9;
  
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  
  /* الخطوط التعليمية السعودية الراقية - تجوال الأكاديمي */
  --font-heading: 'Tajawal', system-ui, -apple-system, sans-serif;
  --font-header: 'Tajawal', sans-serif;
  --font-body: 'Tajawal', 'Almarai', system-ui, -apple-system, sans-serif;
  --font-ui: 'Tajawal', system-ui, -apple-system, sans-serif;
  --font-number: 'JetBrains Mono', 'Tajawal', sans-serif;

  /* الظلال والانحناءات */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 25px rgba(0, 71, 65, 0.08);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.12);
  --shadow-gold: 0 8px 25px rgba(197, 168, 128, 0.25);
  
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* الوضع الليلي العصري الفاخر (Asaqefah + DTH Dark Style) */
html.dark, body.dark-mode {
  --color-surface-bg: #071018;
  --color-surface-card: #0d1e2e;
  --color-surface-card-hover: #12283d;
  
  --color-text-main: #f1f5f9;
  --color-text-muted: #94a3b8;
  --color-text-light: #64748b;
  
  --color-border: #1e3347;
  --color-border-subtle: #152433;
  
  --color-primary-soft: rgba(0, 107, 98, 0.2);
  --color-secondary-soft: #081521;
}

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

html {
  font-size: 16px;
  scroll-behavior: smooth;
  direction: rtl;
}

body {
  font-family: var(--font-body);
  background-color: var(--color-surface-bg);
  color: var(--color-text-main);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* روابط عامة */
a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition);
}

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

/* الحاوية المتجاوبة العامة */
.container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1440px) {
  .container {
    max-width: 1360px;
  }
}