/*
Theme Name: Al-Sharq Engineering Consultancy
Theme URI: https://wpforge.ai
Author: WPForge AI
Author URI: https://wpforge.ai
Description: Al-Sharq Engineering Consultancy official modern WordPress block theme. Built with Full Site Editing, Gutenberg block patterns, and Elementor compatibility.
Version: 1.0.0
Requires at least: 6.4
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: al-sharq-engineering-consultancy-theme
Tags: full-site-editing, block-patterns, block-styles, custom-colors, custom-menu, responsive-layout, wide-blocks, elementor-friendly
*/

/* ==========================================================================
   WPForge Core Theme Variables & Normalized Base
   ========================================================================== */

:root {
  --wpforge-primary: #0a2540;
  --wpforge-secondary: #f97316;
  --wpforge-accent: #38bdf8;
  --wpforge-background: #ffffff;
  --wpforge-surface: #f8fafc;
  --wpforge-text: #0f172a;
  --wpforge-muted: #64748b;
  --wpforge-border: #e2e8f0;
  --wpforge-radius-sm: 4px;
  --wpforge-radius-md: 8px;
  --wpforge-radius-lg: 16px;
  --wpforge-font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --wpforge-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --wpforge-container-max: 1240px;
}

/* Base Body Setup */
body {
  margin: 0;
  padding: 0;
  font-family: var(--wpforge-font-body);
  background-color: var(--wpforge-background);
  color: var(--wpforge-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Container constraints & standard section spacing */
.wpforge-section {
  padding-top: clamp(3rem, 6vw, 6rem);
  padding-bottom: clamp(3rem, 6vw, 6rem);
  width: 100%;
}

.wpforge-section--compact {
  padding-top: clamp(2rem, 4vw, 3.5rem);
  padding-bottom: clamp(2rem, 4vw, 3.5rem);
}

.wpforge-container {
  max-width: var(--wpforge-container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Card Component Grid */
.wpforge-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}

.wpforge-card {
  background-color: var(--wpforge-surface);
  border: 1px solid var(--wpforge-border);
  border-radius: var(--wpforge-radius-md);
  padding: 2rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.wpforge-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.08);
  border-color: var(--wpforge-secondary);
}

/* Smooth Focus states for Accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--wpforge-primary);
  outline-offset: 3px;
}

/* ==========================================================================
   Elementor Compatibility Rules
   ========================================================================== */
.elementor-page .site-header,
.elementor-page .site-footer {
  width: 100%;
}

/* Ensure Elementor full-width pages stretch edge-to-edge cleanly */
.elementor-template-full-width .wp-site-blocks {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

.elementor-page .entry-content {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}