/*
Theme Name: Al Ajzab Premium
Theme URI: https://alajzab.com/
Author: OpenAI
Description: Premium responsive corporate WordPress theme for Al Ajzab General Trading LLC.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: alajzab-premium
*/
:root{
 --navy:#07111f; --navy2:#0d1b2d; --ink:#111827; --muted:#64748b; --line:#e5e7eb;
 --white:#fff; --soft:#f6f8fb; --accent:#d6a84f; --accent2:#f0c96a;
 --max:1240px; --radius:22px; --shadow:0 18px 50px rgba(7,17,31,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);transition:.35s}
.site-header.scrolled{background:rgba(7,17,31,.96);backdrop-filter:blur(14px)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{font-weight:900;letter-spacing:.04em;line-height:1.05;font-size:18px}
.brand small{display:block;font-size:9px;letter-spacing:.24em;color:var(--accent);margin-top:4px}
.menu{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}
.menu a{opacity:.9;transition:.2s}
.menu a:hover{opacity:1;color:var(--accent2)}
.quote-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:999px;font-weight:800;font-size:13px;border:1px solid transparent;transition:.25s;cursor:pointer}
.quote-btn,.btn.gold{background:var(--accent);color:var(--navy)}
.quote-btn:hover,.btn.gold:hover{transform:translateY(-2px);background:var(--accent2)}
.btn.light{background:#fff;color:var(--navy)}
.btn.outline{border-color:rgba(255,255,255,.35);color:#fff}
.btn.outline:hover{background:#fff;color:var(--navy)}
.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:94vh;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(3,10,18,.88) 0%,rgba(3,10,18,.6) 48%,rgba(3,10,18,.28) 100%),
url('https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=2200&q=88') center/cover}
.hero:after{content:"";position:absolute;inset:auto -10% -30% -10%;height:45%;background:radial-gradient(ellipse at center,rgba(214,168,79,.22),transparent 65%);pointer-events:none}
.hero-inner{position:relative;z-index:2;padding-top:110px;max-width:900px}
.kicker{font-size:12px;letter-spacing:.22em;font-weight:900;color:var(--accent);text-transform:uppercase;margin-bottom:18px}
h1,h2,h3{line-height:1.08;letter-spacing:-.035em;margin:0 0 20px}
h1{font-size:clamp(48px,7vw,92px);max-width:900px}
h2{font-size:clamp(36px,5vw,62px)}
h3{font-size:26px}
.lead{font-size:clamp(17px,2vw,21px);max-width:760px;color:#dbe4ef}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.scroll-note{margin-top:70px;font-size:11px;letter-spacing:.2em;color:#cbd5e1;display:flex;align-items:center;gap:10px}
.scroll-note:after{content:"";width:44px;height:1px;background:var(--accent)}
.section{padding:110px 0}
.section.dark{background:var(--navy);color:#fff}
.section.soft{background:var(--soft)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.media{min-height:520px;border-radius:var(--radius);overflow:hidden;background-size:cover;background-position:center;box-shadow:var(--shadow)}
.media.about{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1400&q=85')}
.media.logistics{background-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1400&q=85')}
.stat-card{margin:-70px 30px 0 auto;position:relative;width:min(230px,70%);background:var(--navy);color:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.stat-card strong{display:block;font-size:42px;color:var(--accent)}
.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--accent);font-weight:900;text-transform:uppercase}
.copy{color:#596579;max-width:680px}
.dark .copy{color:#b8c5d4}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}
.dark .card{background:#101f33;border-color:#20334b}
.num{font-size:12px;color:var(--accent);font-weight:900;letter-spacing:.16em}
.card p{color:#687386;font-size:14px}
.dark .card p{color:#b5c1cf}
.service-card{min-height:360px;background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.9))}
.service-card>*{position:relative;z-index:1}
.service-1{background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1200&q=85')}
.service-2{background-image:url('https://images.unsplash.com/photo-1566576912321-d58ddd7a6088?auto=format&fit=crop&w=1200&q=85')}
.service-3{background-image:url('https://images.unsplash.com/photo-1586528116493-da8b0b3e0f7d?auto=format&fit=crop&w=1200&q=85')}
.product-card{min-height:270px;background-size:cover;background-position:center;color:#fff;display:flex;align-items:flex-end}
.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.85))}
.product-card>*{position:relative;z-index:1}
.p1{background-image:url('https://images.unsplash.com/photo-1610375461246-83df859d849d?auto=format&fit=crop&w=1000&q=85')}
.p2{background-image:url('https://images.unsplash.com/photo-1509440159596-0249088772ff?auto=format&fit=crop&w=1000&q=85')}
.p3{background-image:url('https://images.unsplash.com/photo-1600080972464-8e5f35f63d08?auto=format&fit=crop&w=1000&q=85')}
.p4{background-image:url('https://images.unsplash.com/photo-1496181133206-80ce9b88a853?auto=format&fit=crop&w=1000&q=85')}
.p5{background-image:url('https://images.unsplash.com/photo-1556228578-8c89e6adf883?auto=format&fit=crop&w=1000&q=85')}
.p6{background-image:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=1000&q=85')}
.p7{background-image:url('https://images.unsplash.com/photo-1586864387967-d02ef85d93e8?auto=format&fit=crop&w=1000&q=85')}
.p8{background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1000&q=85')}
.p9{background-image:url('https://images.unsplash.com/photo-1607380616005-6f9d6b9c1d3d?auto=format&fit=crop&w=1000&q=85')}
.p10{background-image:url('https://images.unsplash.com/photo-1456735190827-d1262f71b8a3?auto=format&fit=crop&w=1000&q=85')}
.p11{background-image:url('https://images.unsplash.com/photo-1523381210434-271e8be1f52b?auto=format&fit=crop&w=1000&q=85')}
.p12{background-image:url('https://images.unsplash.com/photo-1596462502278-27bfdc403348?auto=format&fit=crop&w=1000&q=85')}
.p13{background-image:url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1000&q=85')}
.p14{background-image:url('https://images.unsplash.com/photo-1556740749-887f6717d7e4?auto=format&fit=crop&w=1000&q=85')}
.map{min-height:520px;border-radius:var(--radius);background:
radial-gradient(circle at 30% 40%,rgba(214,168,79,.9) 0 4px,transparent 5px),
radial-gradient(circle at 51% 56%,rgba(214,168,79,.9) 0 4px,transparent 5px),
radial-gradient(circle at 63% 42%,rgba(214,168,79,.9) 0 4px,transparent 5px),
radial-gradient(circle at 70% 55%,rgba(214,168,79,.9) 0 4px,transparent 5px),
linear-gradient(135deg,#12243b,#07111f);position:relative;overflow:hidden}
.map:before{content:"";position:absolute;inset:18%;border:1px dashed rgba(214,168,79,.45);border-radius:50%;transform:rotate(-18deg)}
.map-label{position:absolute;color:#fff;font-size:12px;font-weight:800}
.map-label.a{left:24%;top:35%}.map-label.b{left:48%;top:52%}.map-label.c{left:59%;top:38%}.map-label.d{left:66%;top:52%}.map-label.e{left:75%;top:46%}
.map-center{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);padding:14px 18px;border-radius:999px;background:var(--accent);color:var(--navy);font-weight:900;box-shadow:0 0 0 10px rgba(214,168,79,.12)}
.cta{padding:90px 0;background:linear-gradient(90deg,rgba(7,17,31,.92),rgba(7,17,31,.55)),url('https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=2200&q=88') center/cover;color:#fff}
.timeline{border-left:1px solid #31445c;margin-top:45px}
.timeline-item{padding:0 0 45px 35px;position:relative}
.timeline-item:before{content:"";position:absolute;left:-6px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(214,168,79,.12)}
.timeline-year{font-size:12px;color:var(--accent);font-weight:900;letter-spacing:.16em}
.footer{background:#050c15;color:#aeb9c7;padding:70px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px}
.footer h3{font-size:13px;letter-spacing:.16em;color:#fff;text-transform:uppercase}
.footer ul{list-style:none;padding:0;margin:0}
.footer li{margin:8px 0;font-size:14px}
.footer-bottom{border-top:1px solid #1d2a3a;margin-top:50px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:20px}
.page-hero{min-height:58vh;background:linear-gradient(90deg,rgba(3,10,18,.9),rgba(3,10,18,.45)),url('https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=2200&q=88') center/cover;color:#fff;display:flex;align-items:flex-end;padding:140px 0 80px}
.breadcrumb{font-size:12px;color:#cbd5e1;margin-bottom:18px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.form-card{background:#fff;border:1px solid var(--line);padding:35px;border-radius:var(--radius);box-shadow:var(--shadow)}
input,textarea,select{width:100%;padding:14px 15px;border:1px solid #d9dee7;border-radius:12px;font:inherit;margin-top:7px}
textarea{min-height:150px;resize:vertical}
label{font-size:12px;font-weight:800;color:#334155}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}
.form-field{margin-bottom:15px}
.notice{padding:14px 18px;background:#eef6ff;border-radius:12px;color:#294b70;font-size:14px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){
 .menu{display:none}.mobile-toggle{display:block}
 .grid-4{grid-template-columns:repeat(2,1fr)}
 .grid-3{grid-template-columns:1fr}
 .split,.contact-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
 .hero-inner{padding-top:120px}
}
@media(max-width:650px){
 .container{width:min(var(--max),calc(100% - 28px))}
 .nav{height:72px}.quote-btn{display:none}
 h1{font-size:48px}.section{padding:75px 0}
 .grid-4{grid-template-columns:1fr}
 .media{min-height:360px}.map{min-height:360px}
 .footer-grid{grid-template-columns:1fr}
 .footer-bottom{flex-direction:column}
 .form-row{grid-template-columns:1fr}
 .hero{min-height:88vh}
}