<?php

add_action('wp_footer', function () {

  // Solo HOME
  if (!(is_front_page() || is_home())) return;

  // Solo en.neorejuvenation.com (y www.en si existiera)
  $host = $_SERVER['HTTP_HOST'] ?? '';
  $host = preg_replace('/:\d+$/', '', strtolower($host));
  if (!in_array($host, ['en.neorejuvenation.com', 'www.en.neorejuvenation.com'], true)) return;

  ?>
  <style>
    #neo-enrollment-bar{
      position: fixed;
      left:0; right:0; bottom:0;
      z-index:999999;
      display:none;
      background: rgba(88, 24, 120, 0.94);
      color:#fff;
      box-shadow: 0 -8px 20px rgba(0,0,0,.18);
      backdrop-filter: blur(6px);
      font-family: inherit;
      padding: 7px 10px;
    }

    #neo-enrollment-bar .neo-wrap{
      max-width:1200px;
      margin:0 auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      min-height:30px;
    }

    #neo-enrollment-bar .neo-text{
      font-size:13px;
      line-height:1.15;
      font-weight:600;
      letter-spacing:.1px;
      opacity:.95;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    #neo-enrollment-bar .neo-actions{
      display:flex;
      gap:8px;
      align-items:center;
      flex-shrink:0;
    }

    #neo-enrollment-bar .neo-btn{
      padding:7px 11px;
      border-radius:999px;
      background:#fff;
      color:#3b0b52;
      font-weight:800;
      font-size:12px;
      letter-spacing:.5px;
      text-transform:uppercase;
      text-decoration:none;
      line-height:1;
      white-space:nowrap;
    }

    #neo-enrollment-bar .neo-close{
      background:transparent;
      border:0;
      color:rgba(255,255,255,.85);
      font-size:16px;
      cursor:pointer;
      padding:0 4px;
      line-height:1;
    }

    @media (max-width:520px){
      #neo-enrollment-bar .neo-text{
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
      }
    }
  </style>

  <div id="neo-enrollment-bar" role="region" aria-label="Enrollment notice">
    <div class="neo-wrap">
      <div class="neo-text">
        The enrollment period ends tonight at 8:00 PM.
      </div>

      <div class="neo-actions">
        <a class="neo-btn" href="https://en.neorejuvenation.com/processing/">
          Reserve
        </a>
        <button class="neo-close" type="button" aria-label="Close">✕</button>
      </div>
    </div>
  </div>

  <script>
    (function () {
      var bar = document.getElementById('neo-enrollment-bar');
      if (!bar) return;

      var closeBtn = bar.querySelector('.neo-close');

      // Solo pixeles (sin %)
      var THRESHOLD_PX = 1300;

      function getScrollTop() {
        return window.pageYOffset || document.documentElement.scrollTop || 0;
      }

      function checkBar() {
        if (getScrollTop() >= THRESHOLD_PX) {
          bar.style.display = 'block';
        }
      }

      closeBtn.addEventListener('click', function () {
        bar.style.display = 'none';
      });

      window.addEventListener('scroll', checkBar, { passive:true });
      window.addEventListener('resize', checkBar);
      checkBar();
    })();
  </script>
  <?php
}, 99);