<nav class="fluid-nav" role="navigation" aria-label="Main navigation">
  <div class="fluid-nav-inner">
    <a href="index.php" aria-label="Home">
      <img src="assets/logo/sol-logo-2.png" alt="SOL Christian Academy" class="fluid-nav-logo">
    </a>

    <div class="fluid-nav-links">
      <a href="index.php" class="<?php echo is_active('index.php'); ?>">Home</a>
      <a href="about.php" class="<?php echo is_active('about.php'); ?>">About</a>
      <a href="admissions.php" class="<?php echo is_active('admissions.php'); ?>">Admission</a>
      <a href="academics.php" class="<?php echo is_active('academics.php'); ?>">Academics</a>
      <a href="gallery.php" class="<?php echo is_active('gallery.php'); ?>">Gallery</a>
      <a href="news.php" class="<?php echo (is_active('news.php') ?: is_active('news-detail.php')); ?>">News</a>
      <a href="contact.php" class="<?php echo is_active('contact.php'); ?>">Contact</a>
      <a href="portals.php" class="<?php echo is_active('portals.php'); ?>">Portals</a>
    </div>

    <a href="admissions.php" class="btn-shell" style="flex-shrink:0;">
      <span class="btn-core">
        Apply Now
        <span class="icon-ring"><i class="ri-arrow-right-up-line"></i></span>
      </span>
    </a>

    <button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false">
      <span class="hamburger-line"></span>
      <span class="hamburger-line"></span>
    </button>
  </div>
</nav>

<div class="nav-overlay" role="dialog" aria-label="Navigation menu">
  <a href="index.php">Home</a>
  <a href="about.php">About</a>
  <a href="admissions.php">Admission</a>
  <a href="academics.php">Academics</a>
  <a href="gallery.php">Gallery</a>
  <a href="news.php">News</a>
  <a href="contact.php">Contact</a>
  <a href="portals.php">Portals</a>
  <a href="admissions.php" style="font-size:1.25rem;margin-top:1.5rem;font-family:var(--font-body);font-weight:600;padding:0.75rem 2rem;border-radius:var(--radius-full);background:var(--green);color:var(--white);">Apply Now <i class="ri-arrow-right-up-line"></i></a>
</div>
