$cssPath = "site\assets\style.css"
$css = Get-Content $cssPath -Raw

# 1. Update the mobile media query to remove backdrop-filter and overflow from .nav-bg
# We find the existing @media (max-width: 760px) block and inject the fix at the top of it.
$fix = @"
@media (max-width: 760px){
  /* FIX: Remove backdrop-filter and overflow so fixed elements can break out of .nav-bg */
  .nav-bg {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
    background: #fff !important;
  }
"@

$css = $css -replace '@media \(max-width: 760px\)\{', $fix

Set-Content -Path $cssPath -Value $css -Encoding UTF8
Write-Host "Fixed CSS to allow responsive button to be visible."
