/*
Theme Name: Andy's Tech Help
Theme URI: https://andysth.com/
Author: Andy's Tech Help
Description: A custom WordPress theme built specifically for Andy's Tech Help and ATH Core.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: andys-tech-help
*/

:root{
  --ath-blue:#2563EB;
  --ath-green:#10B981;
  --ath-navy:#1E293B;
  --ath-slate:#64748B;
  --ath-light:#F8FAFC;
  --ath-border:#E2E8F0;
  --ath-white:#FFFFFF;
  --ath-shadow:0 18px 48px rgba(15,23,42,.08);
  --ath-radius:18px;
  --ath-max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ath-navy);
  background:var(--ath-light);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;
}
img{max-width:100%;height:auto}
a{color:var(--ath-blue)}
a:hover{color:#1D4ED8}
h1,h2,h3,h4,h5,h6{
  font-family:Poppins,Inter,system-ui,sans-serif;
  line-height:1.12;
  color:#172033;
}
.ath-container{width:min(var(--ath-max),calc(100% - 40px));margin:0 auto}
.ath-site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--ath-border);
}
body.admin-bar .ath-site-header{top:32px}
.ath-header-inner{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.ath-brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:Poppins,Inter,sans-serif;
  font-weight:800;
  font-size:1.25rem;
  color:var(--ath-navy);
  text-decoration:none;
}
.ath-brand img{max-height:46px;width:auto}
.ath-nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.ath-nav a{font-weight:700;color:#475569;text-decoration:none}
.ath-nav a:hover,.ath-nav .current-menu-item>a{color:var(--ath-blue)}
.ath-menu-toggle{
  display:none;
  border:1px solid var(--ath-border);
  background:#fff;
  border-radius:10px;
  padding:10px 12px;
  font-weight:700;
}

.ath-hero{
  padding:92px 0 72px;
  background:
    radial-gradient(circle at 10% 20%,rgba(37,99,235,.11),transparent 34%),
    radial-gradient(circle at 88% 16%,rgba(16,185,129,.11),transparent 30%),
    linear-gradient(180deg,#fff 0%,#F8FAFC 100%);
}
.ath-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:64px;
  align-items:center;
}
.ath-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.78rem;
  font-weight:800;
  color:var(--ath-green);
}
.ath-eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
.ath-hero h1{font-size:clamp(2.8rem,6vw,5.1rem);margin:0 0 24px;letter-spacing:-.045em}
.ath-hero-copy{font-size:1.15rem;color:#475569;max-width:690px}
.ath-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.ath-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:10px;
  background:var(--ath-blue);
  color:#fff!important;
  text-decoration:none;
  font-weight:800;
  border:1px solid var(--ath-blue);
}
.ath-button:hover{background:#1D4ED8;border-color:#1D4ED8}
.ath-button-secondary{background:#fff;color:var(--ath-navy)!important;border-color:var(--ath-border)}
.ath-button-secondary:hover{background:#F1F5F9}
.ath-hero-card{
  background:#fff;
  border:1px solid var(--ath-border);
  border-radius:26px;
  padding:26px;
  box-shadow:var(--ath-shadow);
}
.ath-hero-card h3{margin-top:0}
.ath-checks{display:grid;gap:14px;margin-top:20px}
.ath-check{display:flex;gap:12px;align-items:flex-start}
.ath-check:before{
  content:"✓";
  display:grid;place-items:center;
  flex:0 0 26px;height:26px;border-radius:50%;
  background:#D1FAE5;color:#047857;font-weight:900;
}

.ath-section{padding:84px 0}
.ath-section-white{background:#fff}
.ath-section-title{max-width:760px;margin-bottom:40px}
.ath-section-title h2{font-size:clamp(2.1rem,4vw,3.5rem);margin:8px 0 14px;letter-spacing:-.035em}
.ath-section-title p{color:#64748B;font-size:1.08rem}
.ath-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ath-card{
  background:#fff;
  border:1px solid var(--ath-border);
  border-radius:var(--ath-radius);
  padding:26px;
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.ath-card h3{margin-top:0}
.ath-card p{color:#64748B;margin-bottom:0}
.ath-icon{
  width:48px;height:48px;border-radius:14px;
  display:grid;place-items:center;
  background:#DBEAFE;color:#1D4ED8;font-size:1.4rem;
  margin-bottom:18px;
}

.ath-about-grid{
  display:grid;
  grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);
  gap:58px;
  align-items:center;
}
.ath-photo-frame{
  min-height:520px;
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(135deg,#DBEAFE,#D1FAE5);
  box-shadow:var(--ath-shadow);
  position:relative;
}
.ath-photo-frame img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.ath-photo-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:#334155;font-weight:800}
.ath-about-copy h2{font-size:clamp(2.4rem,5vw,4.5rem);margin:0 0 24px;letter-spacing:-.045em}
.ath-about-copy p{color:#475569;font-size:1.05rem}
.ath-traits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.ath-trait{border:1px solid var(--ath-border);border-radius:14px;padding:15px;font-weight:800;background:#fff}

.ath-cta{
  background:linear-gradient(135deg,#1E293B,#0F172A);
  color:#fff;
  border-radius:30px;
  padding:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.ath-cta h2{color:#fff;margin:0 0 10px;font-size:clamp(2rem,4vw,3.2rem)}
.ath-cta p{margin:0;color:#CBD5E1;max-width:700px}

.ath-content-wrap{padding:64px 0}
.ath-page-card{
  background:#fff;
  border:1px solid var(--ath-border);
  border-radius:20px;
  padding:clamp(24px,4vw,46px);
  box-shadow:0 14px 40px rgba(15,23,42,.05);
}
.ath-page-title{font-size:clamp(2.2rem,5vw,4rem);margin-top:0}
.entry-content>*:first-child{margin-top:0}
.entry-content>*:last-child{margin-bottom:0}

.ath-site-footer{
  padding:44px 0;
  background:#0F172A;
  color:#CBD5E1;
}
.ath-footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.ath-footer-title{font-family:Poppins,Inter,sans-serif;font-weight:800;color:#fff;font-size:1.15rem}
.ath-footer-tagline{color:#94A3B8;font-size:.92rem;margin-top:2px}
.ath-footer-links{display:flex;gap:18px;flex-wrap:wrap}
.ath-footer-links a{color:#CBD5E1;text-decoration:none}
.ath-footer-grid > div:first-child a{color:#CBD5E1;text-decoration:none;display:block}
.ath-footer-grid > div:first-child a:hover{color:#fff}

@media(max-width:900px){
  .ath-hero-grid,.ath-about-grid{grid-template-columns:1fr}
  .ath-service-grid{grid-template-columns:1fr 1fr}
  .ath-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--ath-border);padding:18px 20px}
  .ath-nav.is-open{display:block}
  .ath-nav ul{flex-direction:column;align-items:flex-start}
  .ath-menu-toggle{display:inline-flex}
}
@media(max-width:640px){
  .ath-container{width:min(100% - 24px,var(--ath-max))}
  .ath-hero{padding:64px 0 50px}
  .ath-service-grid,.ath-traits{grid-template-columns:1fr}
  .ath-photo-frame{min-height:420px}
  .ath-cta{padding:32px 24px;align-items:flex-start;flex-direction:column}
  .ath-footer-grid{flex-direction:column}
  body.admin-bar .ath-site-header{top:46px}
}