/* === AFIR PAGE STYLES (drop into /custom-pages/instructor/afir.css) === */
/* === Force Full Width for Contact Page === */
.page-id-486 .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-id-486 #content,
.page-id-486 .site-content,
.page-id-486 .content-area,
.page-id-486 .entry-content {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.afir-page {
  width: 100%;
  margin: 0;
  padding: 80px 0;
    background: #fff8e5;
}

/* RESET / BASE */
body { font-family: 'Poppins', sans-serif; margin:0; color:#222; background:#fffef8; }
.container { width:90%; max-width:1200px; margin:0 auto; }

/* HERO (half height) */
.afir-hero {
  position: relative;
  height: 50vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-size:cover;
  background-position:center;
}
.afir-hero .hero-overlay {
  position:absolute; inset:0; background:rgba(0,0,0,0.45);
}
.afir-hero .hero-content { position:relative; z-index:2; max-width:900px; padding:0 16px; color:#fff; }
.afir-hero h1 { font-size:2.6rem; color:#FFD700; margin:0 0 8px; font-weight:700; }
.afir-hero p { color:#f5f5f5; font-size:1.05rem; margin:0 0 20px; line-height:1.6; }
.cta-btn { background:#FFD700; color:#000; padding:12px 30px; border-radius:40px; font-weight:600; text-decoration:none; transition:all .25s; }
.cta-btn:hover{ background:#000; color:#FFD700; }

/* INTRO */
.afir-intro { background:transparent; padding:70px 5%; text-align:center; }
.afir-intro h2{ color:#111; font-size:2rem; margin-bottom:18px; }
.highlight-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:22px; margin-top:20px; }
.highlight{ background:#fff; border-radius:14px; padding:24px; box-shadow:0 6px 18px rgba(0,0,0,0.04); transition:transform .28s; }
.highlight:hover{ transform:translateY(-6px); box-shadow:0 10px 30px rgba(0,0,0,0.06); }
.highlight h4{ color:#c68f00; margin-bottom:8px; }

/* PPA HELP — styled to match CTA exactly (gradient, rounded, premium) */
.ppa-help {
  width:100%;
  background: linear-gradient(135deg, rgba(255,215,0,0.15), rgba(255,255,255,0.9));
  border-radius: 28px;
  padding: 90px 30px;
  text-align: center;
  margin: 60px auto;
  max-width: 1200px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden;
}
.ppa-help::before {
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at top left, rgba(242,201,76,0.25), transparent 60%);
  z-index:0;
}
.ppa-help .help-content { position:relative; z-index:2; max-width:900px; margin:0 auto; text-align:left; }
.ppa-help h2 { color:#000; font-size:2rem; margin-bottom:12px; font-weight:700; text-align:center; }
.ppa-help p { color:#444; font-size:1.05rem; margin-bottom:20px; line-height:1.65; text-align:center; }
.ppa-help ul { list-style:none; padding:0; max-width:800px; margin:18px auto 0; }
.ppa-help li { color:#000; font-size:1.02rem; margin:12px 0; padding-left:36px; position:relative; }
.ppa-help li::before { content:""; position:absolute; left:0; top:2px; width:18px; height:18px; background:url('/wp-content/uploads/instructor/golden-plane-icon.png') center/contain no-repeat; }

/* REQUIREMENTS */
.afir-req { padding:70px 5%; text-align:center; background:transparent; }
.req-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top:18px; }
.req-item { background:#fff; padding:18px; border-radius:12px; box-shadow:0 4px 16px rgba(0,0,0,0.04); }

/* STEPS — boxed and rounded */
.afir-steps { padding:60px 5%; background:transparent; }
.steps-box { background:#fff; border-radius:20px; box-shadow:0 8px 24px rgba(0,0,0,0.06); padding:36px; max-width:1100px; margin:0 auto; }
.steps-box h2{ text-align:left; margin-bottom:12px; color:#111; }
.steps-box ol{ list-style:none; padding:0; margin:0; counter-reset:step; }
.steps-box li{ counter-increment:step; position:relative; padding-left:54px; margin:18px 0; border-bottom:1px dashed #f0f0f0; color:#333; }
.steps-box li::before{ content:counter(step); position:absolute; left:0; top:0; width:36px; height:36px; display:flex; align-items:center; justify-content:center; background:#FFD700; color:#000; border-radius:50%; font-weight:700; }

/* CTA (final) */
.afir-cta {
  width:100%;
  background: linear-gradient(135deg, rgba(255,215,0,0.15), rgba(255,255,255,0.9));
  border-radius:28px;
  padding:90px 30px;
  text-align:center;
  margin:100px auto;
  max-width:1200px;
  box-shadow:0 8px 25px rgba(0,0,0,0.05);
  position:relative; overflow:hidden;
}
.afir-cta::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at top left, rgba(242,201,76,0.25), transparent 60%); z-index:0; }
.afir-cta .cta-content{ position:relative; z-index:2; max-width:900px; margin:0 auto; }
.afir-cta h2{ color:#000; font-size:2rem; margin-bottom:15px; }
.afir-cta p{ color:#444; font-size:1.1rem; margin-bottom:25px; line-height:1.7; }
.afir-cta .cta-btn{ background:#000; color:#FFD700; padding:14px 36px; border-radius:40px; font-weight:600; text-decoration:none; transition:all .25s; }
.afir-cta .cta-btn:hover { background:#fff; color:#000; border:2px solid #FFD700; transform:translateY(-3px); }

/* RESPONSIVE */
@media (max-width:900px){
  .afir-hero{ height:60vh; }
  .ppa-help, .afir-cta { padding:60px 18px; margin:60px 12px; border-radius:18px; }
  .aflr-hero h1{ font-size:2rem; }
  .highlight-grid{ gap:14px; }
  .steps-box { padding:22px; }
}
/* === FULL WIDTH FIX FOR AFIR PAGE (PAGE ID 486) === */
.page-id-486 .site-content,
.page-id-486 .content-area,
.page-id-486 .ast-container,
.page-id-486 .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove Astra’s inner layout spacing */
.page-id-486 .ast-plain-container.ast-no-sidebar #primary {
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure our custom wrapper stretches properly */
.page-id-486 .afir-page {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}

/* Remove white gap above hero (AFIR page only) */
.page-id-486 .site-content,
.page-id-486 .content-area,
.page-id-486 .entry-content {
  margin-top: -16px !important; /* adjust -20 to -60 depending on your header size */
}

.page-id-486 .ppa-help li {
  position: relative;
  padding-left: 40px;
  margin: 12px 0;
  font-size: 1.05rem;
  color: #000;
  line-height: 1.6;
  list-style: none;
}

.page-id-486 .ppa-help li::before {
  content: "✈️";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2rem;
  color: #DAA520; /* golden color */
  transform: translateY(2px);
}