/*
Theme Name: قالب التصميمات الهندسية
Theme URI: https://abdullahmuzah-sa.com
Author: مؤسسة عبدالله مزاح الجميلي للمقاولات
Author URI: https://abdullahmuzah-sa.com
Description: سيم ووردبريس فخم واحترافي مخصص لبيع وإدارة التصميمات الهندسية والمعمارية بالطلب مع تكامل ووكومرس (WooCommerce) وحاسبة تسعير هندسية تفاعلية بأسعار تبدأ من 5000 إلى 20000 ريال سعودي ومطابقة الكود السعودي.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: aljumaili-contracting
Tags: e-commerce, custom-colors, custom-menu, featured-images, full-width-template, rtl-language-support, theme-options, translation-ready, woocommerce
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  /* Brand Colors - Engineering Obsidian & Blueprint Cyber Cyan & Saudi Gold */
  --aj-bg-dark: #070d18;
  --aj-bg-card: rgba(15, 27, 48, 0.82);
  --aj-bg-card-hover: rgba(22, 40, 71, 0.95);
  --aj-bg-surface: #0f1c32;
  --aj-primary: #0c182b;
  --aj-primary-light: #182e52;
  --aj-cyan: #00e5ff;
  --aj-cyan-dark: #00b4d8;
  --aj-cyan-glow: rgba(0, 229, 255, 0.25);
  --aj-gold: #d4af37;
  --aj-gold-light: #f5d77f;
  --aj-gold-glow: rgba(212, 175, 55, 0.25);
  --aj-text-main: #f8fafc;
  --aj-text-muted: #94a3b8;
  --aj-text-dim: #64748b;
  --aj-border: rgba(255, 255, 255, 0.08);
  --aj-border-focus: rgba(0, 229, 255, 0.4);
  --aj-glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);

  /* Typography Scale */
  --aj-font-heading: 'Alexandria', system-ui, -apple-system, sans-serif;
  --aj-font-display: 'El Messiri', serif;
  --aj-font-body: 'Tajawal', system-ui, -apple-system, sans-serif;
  --aj-line-height-body: 1.75;
  --aj-line-height-heading: 1.35;

  /* Spacing & Radii */
  --aj-radius-sm: 8px;
  --aj-radius-md: 14px;
  --aj-radius-lg: 22px;
  --aj-radius-xl: 32px;
  --aj-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Reset & Box Sizing */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: var(--aj-font-body);
  font-size: 1.05rem;
  line-height: var(--aj-line-height-body);
  color: var(--aj-text-main);
  background-color: var(--aj-bg-dark);
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(0, 229, 255, 0.04) 0%, transparent 40%),
    radial-gradient(circle at 85% 65%, rgba(212, 175, 55, 0.03) 0%, transparent 45%),
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 40px 40px, 40px 40px;
  min-height: 100vh;
  overflow-x: hidden;
  direction: rtl;
  text-align: start;
}

/* Heading Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--aj-font-heading);
  color: var(--aj-text-main);
  line-height: var(--aj-line-height-heading);
  font-weight: 700;
  letter-spacing: normal;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--aj-transition);
}

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

ul, ol {
  list-style: none;
}

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