/*
Theme Name: EduFurnish - حلول تجهيز وتأثيث المدارس
Theme URI: https://edufurnish.example.com
Author: Antigravity Custom Theme Engine
Author URI: https://edufurnish.example.com
Description: قالب ووردبريس كلاسيكي حديث وخفيف، مخصص لشركات تجهيز وتشطيب المدارس والمؤسسات التعليمية، معامل العلوم واللغات، ومجمعات الألعاب والملاعب الرياضية. يتميز بكود PHP 8+ نظيف، دعم كامل للغة العربية والـ RTL، ونظام إدارة منتجات متكامل بدون بيلدرز ثقيلة.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: edufurniture
Tags: education, custom-background, custom-logo, custom-menu, featured-images, full-width-template, rtl-language-support, theme-options, translation-ready
*/

/* ==========================================================================
   CSS Custom Properties (Educational Corporate Palette)
   ========================================================================== */
:root {
  /* Brand Primary Colors */
  --color-primary: #1E40AF;        /* Deep Educational Trust Blue */
  --color-primary-dark: #1E3A8A;   /* Deeper Navy */
  --color-primary-light: #0284C7;  /* Fresh Sky Blue */
  --color-primary-soft: #EFF6FF;   /* Soft Ice Blue Background */
  --color-primary-glow: rgba(30, 64, 175, 0.15);

  /* Brand Accent Colors */
  --color-accent: #F59E0B;         /* Warm Amber / Gold CTA */
  --color-accent-hover: #D97706;   /* Deep Amber */
  --color-accent-soft: #FEF3C7;    /* Light Amber Tint */
  --color-emerald: #10B981;        /* Growth / Safety Emerald */
  --color-emerald-soft: #D1FAE5;
  --color-emerald-dark: #059669;

  /* Neutrals & Surfaces */
  --color-bg-body: #F8FAFC;        /* Clean Off-White */
  --color-bg-surface: #FFFFFF;     /* Pure White Card Surface */
  --color-bg-muted: #F1F5F9;       /* Slate tint */
  --color-border: #E2E8F0;         /* Subtle Border */
  --color-border-focus: #94A3B8;

  /* Typography Colors */
  --color-text-main: #1E293B;      /* Slate 800 - Crisp Dark, Not Pure Black */
  --color-text-muted: #64748B;     /* Slate 500 */
  --color-text-light: #94A3B8;     /* Slate 400 */
  --color-text-inverse: #FFFFFF;

  /* Typography Stacks */
  --font-arabic: 'Tajawal', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-latin: 'Tajawal', system-ui, -apple-system, sans-serif;
  --font-heading: 'Tajawal', var(--font-arabic);

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  --shadow-soft: 0 12px 30px -10px rgba(30, 64, 175, 0.08);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Container */
  --container-max: 1280px;
}

/* Base Styles & Accessibility */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-family: var(--font-arabic);
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-text-main);
  background-color: var(--color-bg-body);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

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

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);
}

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

ul, ol {
  list-style: none;
}

/* WordPress Core Required Alignments */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.alignright {
  float: right;
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}
.alignwide {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: var(--color-primary);
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 1rem;
  top: 1rem;
  padding: 1rem 1.5rem;
  text-decoration: none;
  width: auto;
  z-index: 100000;
}