$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as &$e) {
  if ($e['id'] === 'vxhdBurger') {
    $html = $e['settings']['html'];
    $old = '<style id="vxhdScrollCSS">#brxe-vxhd01{position:absolute;top:0;left:0;width:100%;z-index:200;background:#07142A!important;transition:background .3s ease,box-shadow .3s ease!important}#brx-header{background:transparent!important}#brxe-vxhd01.vx-scrolled{background:#ffffff!important;box-shadow:0 1px 0 rgba(0,0,0,.08)!important}</style>';
    $new = '<style id="vxhdScrollCSS">#brxe-vxhd01{position:absolute;top:0;left:0;width:100%;z-index:200;background:#07142A!important;transition:background .3s ease,box-shadow .3s ease!important}#brx-header{background:transparent!important}#brxe-vxhd01.vx-scrolled{background:#ffffff!important;box-shadow:0 1px 0 rgba(0,0,0,.08)!important}#brxe-vxhd01.vx-scrolled #brxe-vxhd03 img{opacity:0}#brxe-vxhd01.vx-scrolled #brxe-vxhd03{background:#07142A;-webkit-mask-image:url(http://hazy-drift-0c1441.localhost/wp-content/uploads/2026/05/veroxos-logo-white-300x105.png);mask-image:url(http://hazy-drift-0c1441.localhost/wp-content/uploads/2026/05/veroxos-logo-white-300x105.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}#brxe-vxhd01.vx-scrolled #brxe-vxhdNav a{color:#07142A!important}#brxe-vxhd01.vx-scrolled #brxe-vxhdLogin{color:#07142A!important}#brxe-vxhd01.vx-scrolled #brxe-vxhdCTA{background:#07142A!important;color:#fff!important}</style>';
    $e['settings']['html'] = str_replace($old, $new, $html);
  }
}
unset($e);
update_post_meta(15, '_bricks_page_header_2', $meta);
return 'done';
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as $e) {
  if ($e['id'] === 'vxhro1') {
    echo json_encode($e, JSON_PRETTY_PRINT);
    return;
  }
}
echo 'not found';
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as $e) {
  if ($e['id'] === 'vxhdNav') {
    echo json_encode($e['settings'] ?? []);
    return;
  }
}
echo 'not found';
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as &$e) {
  if ($e['id'] === 'vxhdCTA') {
    $e['settings']['_cssCustom'] = "#brxe-vxhdCTA { box-shadow: none !important; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 200ms ease; } #brxe-vxhdCTA:hover { background: #ffffff !important; color: #2F6FEE !important; border-color: #ffffff !important; transform: translateY(-1px); }";
  }
  if ($e['id'] === 'vxhdBurger') {
    $html = $e['settings']['html'];
    $old = '#brxe-vxhd01.vx-scrolled #brxe-vxhdCTA:hover{background:#ffffff!important;color:#2F6FEE!important;border-color:#2F6FEE!important}';
    $new = '#brxe-vxhd01.vx-scrolled #brxe-vxhdCTA:hover{background:#ffffff!important;color:#2F6FEE!important;border-color:#ffffff!important}';
    $e['settings']['html'] = str_replace($old, $new, $html);
  }
}
unset($e);
update_post_meta(15, '_bricks_page_header_2', $meta);
return 'done';
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as &$e) {
  if ($e['id'] === 'vxhdBurger') {
    $html = $e['settings']['html'];
    $old = '#brxe-vxhd01.vx-scrolled #brxe-vxhdCTA:hover{background:#ffffff!important;color:#2F6FEE!important;border-color:#ffffff!important}';
    $new = '#brxe-vxhd01.vx-scrolled #brxe-vxhdCTA:hover{background:#2F6FEE!important;color:#ffffff!important;border-color:#2F6FEE!important}';
    $e['settings']['html'] = str_replace($old, $new, $html);
  }
}
unset($e);
update_post_meta(15, '_bricks_page_header_2', $meta);
return 'done';
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as &$e) {
  if ($e['id'] === 'vxhdCTA') {
    $e['settings']['_cssCustom'] = "#brxe-vxhdCTA { box-shadow: none !important; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 200ms ease; } #brxe-vxhdCTA:hover { background: #ffffff !important; color: #2F6FEE !important; border-color: #2F6FEE !important; transform: translateY(-1px); }";
  }
  if ($e['id'] === 'vxhdBurger') {
    $html = $e['settings']['html'];
    $old = '#brxe-vxhd01.vx-scrolled #brxe-vxhdCTA:hover{background:#2F6FEE!important;color:#fff!important;border-color:#2F6FEE!important}';
    $new = '#brxe-vxhd01.vx-scrolled #brxe-vxhdCTA:hover{background:#ffffff!important;color:#2F6FEE!important;border-color:#2F6FEE!important}';
    $e['settings']['html'] = str_replace($old, $new, $html);
  }
}
unset($e);
update_post_meta(15, '_bricks_page_header_2', $meta);
return 'done';
// Check header template first
$meta = get_post_meta(15, '_bricks_page_header_2', true);
if ($meta) {
  foreach ($meta as $e) {
    if (strpos($e['id'] ?? '', 'vxhro') !== false || strpos($e['id'] ?? '', 'hero') !== false) {
      echo "HEADER TEMPLATE: " . $e['id'] . "\n";
      echo json_encode($e, JSON_PRETTY_PRINT) . "\n\n";
    }
  }
}

// Check page content
$meta2 = get_post_meta(15, '_bricks_page_content_2', true);
if ($meta2) {
  foreach ($meta2 as $e) {
    if (strpos($e['id'] ?? '', 'vxhro') !== false || strpos($e['id'] ?? '', 'hero') !== false) {
      echo "CONTENT TEMPLATE: " . $e['id'] . "\n";
      echo json_encode($e, JSON_PRETTY_PRINT) . "\n\n";
    }
  }
}

// Check what post this template is assigned to
$posts = get_posts(['post_type' => 'page', 'meta_key' => '_bricks_page_header_2', 'meta_value' => '15', 'numberposts' => 1]);
if ($posts) {
  echo "HEADER assigned to page ID: " . $posts[0]->ID . " - " . $posts[0]->post_title . "\n";
  // Check content of that page
  $content = get_post_meta($posts[0]->ID, '_bricks_page_content_2', true);
  if ($content) {
    foreach ($content as $e) {
      if (strpos($e['id'] ?? '', 'vxhro') !== false || strpos($e['id'] ?? '', 'hero') !== false) {
        echo "PAGE CONTENT: " . $e['id'] . "\n";
        echo json_encode($e, JSON_PRETTY_PRINT) . "\n\n";
      }
    }
  }
}
echo "done\n";
// Find page that uses this header
$posts = get_posts(['post_type' => 'page', 'meta_key' => '_bricks_page_header_2', 'meta_value' => '15', 'numberposts' => 1]);
if (!$posts) {
  // Check if it's the front page
  $front = get_option('page_on_front');
  if ($front) {
    echo "Front page ID: $front\n";
    $content = get_post_meta($front, '_bricks_page_content_2', true);
    if ($content) {
      foreach ($content as $e) {
        if (strpos($e['id'] ?? '', 'vxhro') !== false) {
          echo "FOUND hero in front page content: " . $e['id'] . "\n";
          echo json_encode($e, JSON_PRETTY_PRINT);
          return;
        }
      }
      echo "First 3 elements:\n";
      $i = 0;
      foreach ($content as $e) {
        if ($i++ >= 3) break;
        echo $e['id'] . " - " . ($e['name'] ?? 'no name') . " - " . json_encode($e['settings'] ?? []) . "\n";
      }
    }
  }
} else {
  echo "Page: " . $posts[0]->ID . " - " . $posts[0]->post_title . "\n";
}
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as &$e) {
  if ($e['id'] === 'vxhd01') {
    $css = $e['settings']['_cssCustom'];
    $old = '#brxe-vxhd01 {';
    $new = "body { padding-top: 0 !important; }\n" . $old;
    $e['settings']['_cssCustom'] = str_replace($old, $new, $css);
  }
  if ($e['id'] === 'vxhdBurger') {
    $html = $e['settings']['html'];
    $needle = '<style id="vxhdScrollCSS">';
    $insert = "\nbody { padding-top: 0 !important; }";
    $e['settings']['html'] = str_replace($needle, $needle . $insert, $html);
  }
}
unset($e);
update_post_meta(15, '_bricks_page_header_2', $meta);
return 'done';
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as &$e) {
  if ($e['id'] === 'vxhdBurger') {
    $html = $e['settings']['html'];
    
    $newCss = '@media(max-width:991px){.vx-burger{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;gap:5px;padding:0;z-index:300}.vx-burger span{display:block;width:22px;height:2px;background:#ffffff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.vx-nav-open .vx-burger span:nth-child(1){transform:translateY(7px)rotate(45deg)}.vx-nav-open .vx-burger span:nth-child(2){opacity:0}.vx-nav-open .vx-burger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}#brxe-vxhdNav,#brxe-vxhdLogin{display:none!important}#brxe-vxhdCTA{display:none!important}.vx-nav-open #brxe-vxhdNav{display:flex!important;flex-direction:column;position:fixed;top:76px!important;left:0;width:100%;height:calc(100vh - 76px);background:#ffffff!important;z-index:999;padding:32px 24px;overflow-y:auto}.vx-nav-open #brxe-vxhdNav a{color:#07142A!important;font-size:18px;font-weight:500;padding:12px 0;border-bottom:1px solid #f0f0f0}.vx-nav-open #brxe-vxhdLogin{display:block!important;color:#07142A!important;font-size:15px;padding:16px 24px 8px!important}.vx-nav-open #brxe-vxhdCTA{display:inline-flex!important;margin:16px 24px!important;color:#2F6FEE!important;border-color:#2F6FEE!important;background:transparent!important}.vx-scrolled .vx-burger span{background:#07142A}}';
    
    // Replace the old responsive CSS with new one
    $oldStart = '@media(max-width:991px){';
    $oldEnd = '}';
    $startPos = strpos($html, $oldStart);
    if ($startPos !== false) {
      // Find matching closing brace for this @media block
      $depth = 0;
      $endPos = $startPos;
      for ($i = $startPos; $i < strlen($html); $i++) {
        if ($html[$i] === '{') $depth++;
        if ($html[$i] === '}') $depth--;
        if ($depth === 0) { $endPos = $i; break; }
      }
      $oldBlock = substr($html, $startPos, $endPos - $startPos + 1);
      $html = str_replace($oldBlock, $newCss, $html);
    } else {
      // Append if not found
      $html = str_replace('</style>', $newCss . '</style>', $html);
    }
    
    $e['settings']['html'] = $html;
  }
}
unset($e);
update_post_meta(15, '_bricks_page_header_2', $meta);
return 'done';
$t = get_post_meta(15, '_bricks_page_header_2', true);

// Build the new HTML with all fixes
$html = '<button class="vx-burger" type="button" aria-label="Open menu" aria-expanded="false"><span></span><span></span><span></span></button>
<div class="vx-menu-overlay">
  <nav class="vx-menu-nav">
    <a href="/products/" class="vx-menu-link">Products</a>
    <a href="/why-veroxos/" class="vx-menu-link">Why Veroxos</a>
    <a href="/customers/" class="vx-menu-link">Customers</a>
    <a href="/resources/" class="vx-menu-link">Resources</a>
    <a href="/partners/" class="vx-menu-link">Partners</a>
    <a href="/customer-login/" class="vx-menu-login">Customer login</a>
    <a href="/request-a-demo/" class="vx-menu-cta">Request a demo</a>
  </nav>
</div>
<style id="vxhdMobileCSS">
.vx-menu-overlay{display:none}
#brxe-vxhd01.vx-scrolled .vx-menu-overlay{background:#ffffff!important;color:#07142A}

@media(max-width:991px){
.vx-burger{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;gap:5px;padding:0;z-index:300;outline:none!important}
.vx-burger:focus{outline:none!important}
.vx-burger::-moz-focus-inner{border:0}
.vx-burger span{display:block;width:22px;height:2px;background:#ffffff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}
#brxe-vxhd01.vx-scrolled .vx-burger span{background:#07142A}
.vx-nav-open .vx-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.vx-nav-open .vx-burger span:nth-child(2){opacity:0}
.vx-nav-open .vx-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#brxe-vxhdNav,#brxe-vxhdLogin{display:none!important}
#brxe-vxhdCTA{display:none!important}
.vx-nav-open .vx-menu-overlay{display:block!important;position:fixed;left:0;width:100%;background:#07142A;z-index:9999;overflow-y:auto;padding:32px 24px}
#brxe-vxhd01.vx-scrolled .vx-menu-overlay{background:#ffffff!important}
.vx-menu-nav{display:flex;flex-direction:column}
.vx-menu-link{color:#ffffff!important;font-size:18px;font-weight:500;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.15);text-decoration:none;display:block}
#brxe-vxhd01.vx-scrolled .vx-menu-link{color:#07142A!important;border-bottom-color:#f0f0f0}
.vx-menu-link:last-child{border-bottom:none!important}
.vx-menu-login{color:#ffffff!important;font-size:15px;padding:12px 0;text-decoration:none;display:block;opacity:.75}
#brxe-vxhd01.vx-scrolled .vx-menu-login{color:#07142A!important;opacity:1}
.vx-menu-cta{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 20px;border:2px solid #ffffff;border-radius:999px;color:#ffffff!important;font-size:14px;font-weight:700;text-decoration:none;transition:background .3s ease,color .3s ease;margin-top:12px}
#brxe-vxhd01.vx-scrolled .vx-menu-cta{color:#2F6FEE!important;border-color:#2F6FEE!important}
.vx-menu-cta:hover{background:#ffffff!important;color:#2F6FEE!important}
#brxe-vxhd01.vx-scrolled .vx-menu-cta:hover{background:#2F6FEE!important;color:#ffffff!important}
}
</style>
<script>
(function(){if(window.__vxNav)return;window.__vxNav=1;
var h=document.documentElement;
document.addEventListener("click",function(e){
 var b=e.target.closest&&e.target.closest(".vx-burger");
 if(b){
   var ov=document.querySelector(".vx-menu-overlay");
   var hdr=document.getElementById("brxe-vxhd01");
   var rect=hdr.getBoundingClientRect();
   ov.style.top=rect.bottom+"px";
   ov.style.height="calc(100vh - "+rect.bottom+"px)";
   var o=h.classList.toggle("vx-nav-open");
   b.setAttribute("aria-expanded",o?"true":"false");
   return;
 }
 if(h.classList.contains("vx-nav-open")&&e.target.closest&&e.target.closest(".vx-menu-link, .vx-menu-login, .vx-menu-cta")){
   h.classList.remove("vx-nav-open");
 }
});
window.addEventListener("resize",function(){
 if(window.innerWidth>991){h.classList.remove("vx-nav-open");}
});
})();
</script>';

$t[12]['settings']['_html'] = $html;
update_post_meta(15, '_bricks_page_header_2', $t);
echo "DONE";
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as &$e) {
  if ($e['id'] === 'vxhdBurger') {
    $html = $e['settings']['html'];
    $html = str_replace('background:transparent!important', 'background:#07142A!important', $html);
    $e['settings']['html'] = $html;
  }
}
unset($e);
update_post_meta(15, '_bricks_page_header_2', $meta);
return 'done';
$meta = get_post_meta(15, '_bricks_page_header_2', true);
foreach ($meta as &$e) {
  if ($e['id'] === 'vxhdBurger') {
    $html = $e['settings']['html'];
    
    // Add responsive CSS before closing </style>
    $responsiveCss = '@media(max-width:991px){.vx-burger{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;gap:5px;padding:0;z-index:300}.vx-burger span{display:block;width:22px;height:2px;background:#ffffff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.vx-nav-open .vx-burger span:nth-child(1){transform:translateY(7px)rotate(45deg)}.vx-nav-open .vx-burger span:nth-child(2){opacity:0}.vx-nav-open .vx-burger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}#brxe-vxhdNav,#brxe-vxhdLogin{display:none!important}#brxe-vxhdCTA{display:none!important}.vx-nav-open #brxe-vxhdNav{display:flex!important;flex-direction:column;position:fixed;top:76px;left:0;width:100%;height:calc(100vh - 76px);background:#ffffff;z-index:999;padding:32px 24px;overflow-y:auto}.vx-nav-open #brxe-vxhdNav a{color:#07142A!important;font-size:18px;font-weight:500;padding:12px 0;border-bottom:1px solid #f0f0f0}.vx-nav-open #brxe-vxhdLogin{display:block!important;color:#07142A!important;font-size:15px;padding:16px 24px 8px!important}.vx-nav-open #brxe-vxhdCTA{display:inline-flex!important;margin:16px 24px!important;color:#2F6FEE!important;border-color:#2F6FEE!important}.vx-scrolled .vx-burger span{background:#07142A}}';
    
    $html = str_replace('</style>', $responsiveCss . '</style>', $html);
    $e['settings']['html'] = $html;
  }
}
unset($e);
update_post_meta(15, '_bricks_page_header_2', $meta);
return 'done';