/*
Theme Name: Faisal Premium 2026
Theme URI: https://fbcbrokerage.com/
Author: Senior WordPress Theme Architect
Author URI: https://fbcbrokerage.com/
Description: A premium 2026 modernization of the Faisal Brokerage (شركة فيصل لتداول الأوراق المالية) website. Preserves the existing brand identity, logo, color palette (green #006837 / gold #C9A84C), full menu structure, pages, URLs, forms and integrations while delivering an enterprise-grade, RTL-first, Arabic-friendly, Elementor-compatible, accessible and performant financial-services experience. Includes a fully fixed mobile submenu toggle and viewport-aware desktop dropdowns.
Version: 6.7.0
Requires at least: 6.0
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: faisal-premium
Tags: rtl-language-support, arabic, financial, brokerage, elementor, custom-menu, sticky-header, accessibility-ready, custom-logo, threaded-comments, translation-ready
*/

/*
  The full design system lives in assets/css/theme.css (enqueued with a version
  bust in functions.php). This file holds the WordPress theme header (required)
  plus a minimal safe baseline so the theme is valid even before assets load.
*/

:root {
  /* ===== PRESERVED FAISAL BRAND PALETTE (extracted from the live site) ===== */
  --primary: #006837;
  --primary-light: #008f4a;
  --primary-dark: #00552c;
  --gold: #C9A84C;
  --gold-light: #f5d169;
  --gold-dark: #a8883d;
  --dark: #061410;
  --dark-green: #0D2518;
  --text: #17231D;
  --bg: #ffffff;
  --bg-alt: #F7F4EF;
  --border: #E2D8CA;
}

html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif; color: var(--text); background: var(--bg); }
img { max-width: 100%; height: auto; }
a { color: var(--primary); }

/* Accessible skip link */
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 100000;
  background: var(--primary); color: #fff; padding: 12px 20px; border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; }