/*
Theme Name: AJI Tuning
Theme URI: https://www.ajituning.co.uk/
Author: AJI Tuning
Description: Custom AJI Tuning performance engineering website theme.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aji-tuning
*/

:root{
  --aji-red:#ed1c24;
  --aji-red-dark:#9e1117;
  --aji-black:#0a0a0b;
  --aji-panel:#141416;
  --aji-panel-2:#1c1c1f;
  --aji-border:#2c2c30;
  --aji-white:#fff;
  --aji-muted:#b8b8bd;
  --aji-max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--aji-black);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.aji-container{width:min(var(--aji-max),calc(100% - 40px));margin:0 auto}
.aji-topbar{background:#050505;border-bottom:1px solid #242426;position:sticky;top:0;z-index:1000}
.aji-nav{min-height:86px;display:flex;align-items:center;gap:28px}
.aji-brand{display:flex;align-items:center;background:#fff;border-radius:5px;padding:6px 10px;min-width:190px}
.aji-brand img{display:block;width:190px;height:auto}
.aji-menu{margin-left:auto;display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin-top:0;margin-bottom:0}
.aji-menu a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#eee;transition:.2s}
.aji-menu a:hover{color:var(--aji-red)}
.aji-mobile-toggle{display:none;background:none;border:1px solid #555;color:#fff;padding:9px 12px;border-radius:4px}

.aji-hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;background:
linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.84) 48%,rgba(0,0,0,.55) 100%),
radial-gradient(circle at 75% 45%,#4b4b50 0,#18181a 38%,#080809 75%);}
.aji-hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--aji-red),#ff6a00,var(--aji-red))}
.aji-hero-inner{position:relative;z-index:2;padding:90px 0}
.aji-kicker{color:#ddd;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:2px}
.aji-hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:16px 0 24px;text-transform:uppercase;letter-spacing:-2px}
.aji-hero h1 span{color:var(--aji-red)}
.aji-hero p{max-width:680px;color:#d4d4d7;font-size:19px}
.aji-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.aji-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:4px;border:1px solid #777;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.5px}
.aji-btn-primary{background:var(--aji-red);border-color:var(--aji-red)}
.aji-btn-primary:hover{background:#ff3037}
.aji-btn-outline:hover{border-color:var(--aji-red);color:#fff}
.aji-hero-logo{margin-top:35px;background:#fff;border-radius:7px;padding:10px;width:min(460px,90%);box-shadow:0 15px 50px rgba(0,0,0,.35)}
.aji-hero-logo img{display:block;width:100%}

.aji-strip{background:#111113;border-top:1px solid #242426;border-bottom:1px solid #242426}
.aji-strip-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.aji-strip-item{padding:23px 16px;border-right:1px solid #29292d;text-align:center}
.aji-strip-item:last-child{border-right:0}
.aji-strip-item strong{display:block;text-transform:uppercase;font-size:12px}
.aji-strip-item span{display:block;color:#999;font-size:11px;margin-top:3px}

.aji-section{padding:75px 0}
.aji-section-dark{background:#0e0e10}
.aji-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.aji-section-title h2{font-size:34px;line-height:1;text-transform:uppercase;margin:0}
.aji-section-title h2:after{content:"";display:inline-block;width:50px;height:4px;background:var(--aji-red);margin:0 0 6px 14px}
.aji-section-title a{color:#fff;font-weight:800;text-transform:uppercase;font-size:12px}
.aji-section-title a:hover{color:var(--aji-red)}

.aji-welcome{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#151517;border:1px solid #28282b}
.aji-welcome-copy{padding:45px}
.aji-welcome-copy h2{font-size:42px;line-height:1;margin:10px 0 18px;text-transform:uppercase}
.aji-welcome-copy h2 span{color:var(--aji-red)}
.aji-welcome-copy p{color:#c3c3c7}
.aji-tech-box{min-height:340px;background:linear-gradient(135deg,#242426,#080809);display:flex;align-items:center;justify-content:center;padding:30px}
.aji-tech-chip{width:85%;height:70%;border:1px solid #555;border-radius:10px;background:radial-gradient(circle at 30% 25%,#777,#222 40%,#0a0a0a 70%);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px #000}
.aji-tech-chip strong{font-size:42px;letter-spacing:4px}

.aji-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.aji-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.aji-card{background:linear-gradient(145deg,#1b1b1e,#111113);border:1px solid #2a2a2e;border-radius:4px;overflow:hidden}
.aji-card-body{padding:23px}
.aji-card h3{margin:0 0 9px;font-size:18px;text-transform:uppercase}
.aji-card p{margin:0;color:#aaa;font-size:14px}
.aji-card:hover{border-color:#555;transform:translateY(-2px);transition:.2s}
.aji-service-icon{font-size:31px;color:var(--aji-red);font-weight:900;margin-bottom:13px}
.aji-project-image{height:210px;background:linear-gradient(135deg,#414145,#151517);display:flex;align-items:end;padding:18px;font-weight:900;font-size:18px;text-transform:uppercase}
.aji-project-image.charade{background:linear-gradient(135deg,#b5b5b5,#292929 55%,#111)}
.aji-project-image.s2000{background:linear-gradient(135deg,#5d6066,#171719 58%,#090909)}
.aji-project-image.fiat{background:linear-gradient(135deg,#7c1115,#2b0708 58%,#080808)}

.aji-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aji-product{background:#151517;border:1px solid #2c2c30;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:320px}
.aji-product-copy{padding:35px}
.aji-product-copy h3{font-size:36px;text-transform:uppercase;line-height:1;margin:0 0 12px}
.aji-product-copy h3 span{color:var(--aji-red)}
.aji-product-copy p{color:#bbb}
.aji-product-media{padding:25px;text-align:center;background:#0a0a0b;height:100%;display:flex;align-items:center;justify-content:center}
.aji-product-media img{max-height:230px;width:auto}

.aji-lists{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aji-list{border:1px solid #29292d;background:#131315}
.aji-list-row{display:flex;gap:14px;padding:15px 18px;border-bottom:1px solid #27272a}
.aji-list-row:last-child{border-bottom:0}
.aji-list-row img{width:90px;height:60px;object-fit:cover}
.aji-list-row h4{margin:0;font-size:14px}
.aji-list-row p{margin:3px 0 0;color:#888;font-size:12px}

.aji-testimonial{background:linear-gradient(100deg,#171719,#09090a);border-top:1px solid #27272a;border-bottom:1px solid #27272a;padding:45px 20px;text-align:center}
.aji-quote{font-size:24px;max-width:900px;margin:0 auto 15px;font-weight:700}
.aji-author{color:#aaa}

.aji-footer{background:#050505;border-top:4px solid var(--aji-red);padding:45px 0 20px}
.aji-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.aji-footer h3{font-size:13px;text-transform:uppercase;margin-top:0}
.aji-footer p,.aji-footer a{color:#999;font-size:13px}
.aji-footer a:hover{color:#fff}
.aji-footer-bottom{border-top:1px solid #242426;margin-top:30px;padding-top:17px;color:#777;font-size:12px}

.aji-page-hero{padding:90px 0 55px;background:linear-gradient(135deg,#171719,#070708);border-bottom:1px solid #29292d}
.aji-page-hero h1{font-size:52px;text-transform:uppercase;line-height:1;margin:0 0 12px}
.aji-page-hero p{max-width:760px;color:#aaa}
.aji-content{padding:60px 0}
.aji-content-inner{max-width:900px}
.aji-content-inner h2,.aji-content-inner h3{text-transform:uppercase}
.aji-content-inner p,.aji-content-inner li{color:#c1c1c5}
.aji-content-inner a{color:#ff4a4f}

@media(max-width:980px){
 .aji-menu{gap:13px}
 .aji-menu a{font-size:11px}
 .aji-strip-grid{grid-template-columns:repeat(3,1fr)}
 .aji-grid-4{grid-template-columns:repeat(2,1fr)}
 .aji-product-grid,.aji-welcome,.aji-lists{grid-template-columns:1fr}
 .aji-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .aji-nav{min-height:70px}
 .aji-brand{min-width:150px}.aji-brand img{width:150px}
 .aji-mobile-toggle{display:block;margin-left:auto}
 .aji-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#090909;padding:18px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #333}
 .aji-menu.aji-open{display:flex}
 .aji-hero{min-height:560px}
 .aji-hero-inner{padding:65px 0}
 .aji-hero h1{font-size:44px}
 .aji-section{padding:55px 0}
 .aji-strip-grid{grid-template-columns:1fr 1fr}
 .aji-grid-3,.aji-grid-4{grid-template-columns:1fr}
 .aji-footer-grid{grid-template-columns:1fr}
 .aji-product{grid-template-columns:1fr}
 .aji-product-media{min-height:240px}
}

.aji-welcome-copy p{font-size:15px;line-height:1.75}.aji-welcome-copy strong{color:#fff}.aji-welcome-copy .aji-buttons{margin-top:25px}.aji-tech-chip strong{text-align:center;line-height:1.08}

/* AJI v1.3 requested homepage adjustments */
.aji-hero .aji-kicker{font-size:15px}
.aji-hero h1{font-size:clamp(42px,5vw,72px)}
.aji-hero p{font-size:18px;line-height:1.65}
.aji-strip .aji-strip-title{font-size:15px}
.aji-strip .aji-strip-sub{font-size:14px}

/* AJI v1.4 homepage typography and project changes */
.aji-menu a{font-size:14px;color:#eee}
.aji-kicker{font-size:15px}
.aji-hero p{font-size:20px}
.aji-strip-item strong{font-size:14px;color:#fff}
.aji-strip-item span{font-size:13px;color:#aaa}
.aji-project-image.mx5{background:linear-gradient(135deg,#4a4a4a,#111)}
.aji-project-image.celica{background:linear-gradient(135deg,#5b1116,#111)}