/*
Theme Name: AST Engineering & Trading
Theme URI: https://alsafiatrading.com
Author: Al Safia Technical Innovation and Trading Co. LLC
Author URI: https://alsafiatrading.com
Description: Custom WordPress theme built for Al Safia Technical Innovation and Trading Company LLC (AST). Designed for page building with Elementor — every page's main content is built from Elementor sections/HTML widgets, while this theme provides the site chrome (header, navigation, footer) in the AST brand palette (navy / blue / lime, taken directly from the AST logo).
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ast-theme
*/

/* ==========================================================
   BASE RESET
========================================================== */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; padding:0; font-family:'Inter',Arial,sans-serif; color:#0E2431; background:#fff;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block;}
a{color:inherit;}
ul{list-style:none; margin:0; padding:0;}
button{font-family:inherit;}

/* ==========================================================
   DESIGN TOKENS (AST brand — pulled from the logo)
========================================================== */
:root{
  --ast-navy:#12233F;
  --ast-navy-deep:#0A1830;
  --ast-blue:#2E86C9;
  --ast-blue-dark:#1F5F92;
  --ast-blue-soft:#EAF3FB;
  --ast-lime:#A9CB3D;
  --ast-lime-dark:#7E9A2A;
  --ast-ice:#EEF4F7;
  --ast-slate:#54707C;
  --ast-line:#D7E3E8;
  --ast-ink:#0E2431;
}

/* ==========================================================
   SITE HEADER
========================================================== */
.ast-site-header{
  background:#fff; border-bottom:1px solid var(--ast-line); position:sticky; top:0; z-index:999;
}
.ast-header-inner{
  max-width:1240px; margin:0 auto; padding:14px 24px; display:flex; align-items:center;
  justify-content:space-between; gap:24px;
}
.ast-logo{display:flex; align-items:center; gap:10px; font-family:'Barlow Semi Condensed',Arial,sans-serif;}
.ast-logo img{max-height:52px; width:auto;}
.ast-logo .site-title-fallback{font-size:20px; font-weight:700; color:var(--ast-navy); line-height:1.1;}
.ast-logo .site-title-fallback span{display:block; font-size:12px; font-weight:600; color:var(--ast-blue); letter-spacing:.04em;}

.ast-primary-nav{display:flex; align-items:center; gap:6px;}
.ast-primary-nav ul{display:flex; align-items:center; gap:2px;}
.ast-primary-nav li{position:relative;}
.ast-primary-nav a{
  display:block; padding:12px 14px; font-size:14.5px; font-weight:600; color:var(--ast-navy);
  font-family:'Inter',Arial,sans-serif; border-radius:3px; transition:color .15s ease, background .15s ease;
}
.ast-primary-nav > ul > li > a:hover{color:var(--ast-blue-dark); background:var(--ast-blue-soft);}
.ast-primary-nav .sub-menu{
  display:none; position:absolute; top:100%; left:0; background:#fff; min-width:250px;
  border:1px solid var(--ast-line); box-shadow:0 12px 28px rgba(10,24,48,.14); padding:8px; z-index:50;
}
.ast-primary-nav li:hover > .sub-menu{display:block;}
.ast-primary-nav .sub-menu a{padding:10px 14px; font-size:13.5px; font-weight:500;}
.ast-primary-nav .sub-menu a:hover{background:var(--ast-blue-soft); color:var(--ast-blue-dark);}

.ast-header-cta{
  display:inline-flex; align-items:center; gap:8px; background:var(--ast-lime); color:#1B2A12;
  padding:11px 20px; border-radius:3px; font-weight:700; font-size:14px; white-space:nowrap;
  transition:background .15s ease, transform .15s ease;
}
.ast-header-cta:hover{background:var(--ast-lime-dark); color:#fff; transform:translateY(-1px);}

.ast-menu-toggle{display:none; background:none; border:none; cursor:pointer; padding:8px;}
.ast-menu-toggle span{display:block; width:24px; height:2px; background:var(--ast-navy); margin:5px 0;}

@media(max-width:960px){
  .ast-primary-nav{
    display:none; position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column;
    border-bottom:1px solid var(--ast-line); padding:10px 0; box-shadow:0 12px 20px rgba(10,24,48,.08);
  }
  .ast-primary-nav.is-open{display:flex;}
  .ast-primary-nav ul{flex-direction:column; width:100%; align-items:stretch;}
  .ast-primary-nav .sub-menu{position:static; border:none; box-shadow:none; display:none; padding-left:16px;}
  .ast-primary-nav li.is-open > .sub-menu{display:block;}
  .ast-menu-toggle{display:block;}
  .ast-header-cta{display:none;}
}

/* ==========================================================
   DEFAULT PAGE TITLE (only used when a page ISN'T built with
   Elementor — Elementor pages already carry their own hero/H1)
========================================================== */
.ast-page-title-wrap{background:var(--ast-ice); padding:60px 24px; text-align:center;}
.ast-page-title-wrap h1{font-family:'Barlow Semi Condensed',Arial,sans-serif; color:var(--ast-navy); font-size:36px; margin:0;}

/* ==========================================================
   SITE FOOTER
========================================================== */
.ast-site-footer{background:var(--ast-navy-deep); color:#B9CBD2; padding:60px 24px 0;}
.ast-footer-inner{max-width:1240px; margin:0 auto;}
.ast-footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.12);}
.ast-footer-grid h4{color:#fff; font-family:'Barlow Semi Condensed',Arial,sans-serif; font-size:17px; margin:0 0 16px;}
.ast-footer-grid p{font-size:13.5px; line-height:1.7; color:#9FB6C0; margin:0 0 10px;}
.ast-footer-grid ul li{margin-bottom:9px;}
.ast-footer-grid ul a{font-size:13.5px; color:#B9CBD2; transition:color .15s ease;}
.ast-footer-grid ul a:hover{color:var(--ast-lime);}
.ast-footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
  padding:20px 0; font-size:12.5px; color:#7E93A0;
}
.ast-footer-bottom a{color:#9FB6C0;}
.ast-footer-bottom a:hover{color:var(--ast-lime);}
@media(max-width:860px){.ast-footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.ast-footer-grid{grid-template-columns:1fr;}}

/* ==========================================================
   MISC / WP DEFAULTS (blog, search, 404 — kept minimal since
   the main site is built page-by-page in Elementor)
========================================================== */
.ast-basic-wrap{max-width:820px; margin:0 auto; padding:80px 24px; font-family:'Inter',Arial,sans-serif;}
.ast-basic-wrap h1{font-family:'Barlow Semi Condensed',Arial,sans-serif; color:var(--ast-navy);}
.ast-basic-wrap a.ast-btn-home{
  display:inline-block; margin-top:18px; background:var(--ast-lime); color:#1B2A12; padding:12px 22px;
  border-radius:3px; font-weight:700; text-decoration:none;
}