/* ============================================================
   CHABAD OF FORT LEE — V4 DESKTOP HEADER FIX 4
   Purpose:
   - Restore the V3-style desktop header geometry/typography.
   - Keep the ORIGINAL transparent-at-top / frosted-on-scroll behavior.
   - Keep the existing Donate pill/animation untouched.
   - Hide the redundant plain-text site title; the real logo already says Chabad Fort Lee.
   - Nudge the homepage hero artwork down by 4px.
   - Hide the Chabad Fort Lee logo ONLY at the very top of the homepage;
     it reappears automatically in the sticky header once scrolling begins.
   Mobile is intentionally untouched in this pass.
   ============================================================ */

@media (min-width:1025px){

  /* ----------------------------------------------------------
     Header behavior: transparent at page top, original frost after scroll.
     ---------------------------------------------------------- */
  body.home:not(.scrolled) #header,
  body.home:not(.scrolled) #header.on-scroll,
  body.home:not(.scrolled) #header .header-wrapper,
  body.home:not(.scrolled) #header .branding-search,
  body.home:not(.scrolled) #header #header_branding,
  body.home:not(.scrolled) #header .site-nav-wrapper,
  body.home:not(.scrolled) #header .links,
  body.home:not(.scrolled) #header .top-links,
  body.home:not(.scrolled) #header .header-links,
  body.home:not(.scrolled) #header .secondary-links,
  body.home:not(.scrolled) #header .utility-links{
    background:transparent !important;
    background-color:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }

  body.scrolled #header,
  body.scrolled #header.on-scroll{
    background:var(--header-frost,rgba(245,245,245,.60)) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    backdrop-filter:blur(10px) !important;
    box-shadow:0 2px 12px var(--header-shadow,rgba(0,0,0,.12)) !important;
  }

  /* ----------------------------------------------------------
     Logo treatment: V3 look at the top of the page.
     When scrolled, do not alter the original working position.
     ---------------------------------------------------------- */
  #header_branding .site_title{
    display:none !important;
  }

  /* Homepage only: hide the logo while the page is at the very top.
     Keep its layout space reserved so the navigation does not jump.
     As soon as body.scrolled is applied, this rule stops matching and
     the existing sticky-header logo appears normally. */
  body.home:not(.scrolled) #header_branding .site-logo-wrapper{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .18s ease !important;
  }

  body.home.scrolled #header_branding .site-logo-wrapper{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  body:not(.scrolled) #header_branding .site-logo-wrapper{
    position:relative !important;
    left:-36px !important;
    top:-12px !important;
    width:170px !important;
    height:88px !important;
    margin-right:40px !important;
    overflow:visible !important;
  }

  body:not(.scrolled) #header_branding .site-logo-wrapper img{
    display:block !important;
    width:170px !important;
    height:170px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    transform:translateY(-41px) scale(1.05) !important;
    transform-origin:center center !important;
  }

  /* ----------------------------------------------------------
     Main navigation: V3 typography, but dark enough to remain
     readable while the homepage header is transparent.
     ---------------------------------------------------------- */
  #header .site-nav-wrapper a.parent,
  body:not(.scrolled) #header .site-nav-wrapper a.parent,
  body.scrolled #header .site-nav-wrapper a.parent{
    color:#402a18 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:16px !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
    text-shadow:none !important;
  }

  #header .site-nav-wrapper .co_menu_item:not(.donate_link) a.parent:hover{
    color:#b8791a !important;
  }

  /* Keep the existing Donate pill exactly as-is. */
  #header .site-nav-wrapper .co_menu_item.donate_link a.parent{
    color:#fff !important;
  }

  /* ----------------------------------------------------------
     Desktop utility links at the very top need the same readable
     warm-dark treatment while the header is transparent.
     ---------------------------------------------------------- */
  body:not(.scrolled) #header a[href*="asktherabbi"],
  body:not(.scrolled) #header a[href*="tools/feedback"],
  body:not(.scrolled) #header a[href*="1106558"],
  body:not(.scrolled) #header a[href="/"],
  body:not(.scrolled) #header a[href="https://www.chabadfortlee.com/"],
  body:not(.scrolled) #header .links a,
  body:not(.scrolled) #header .top-links a,
  body:not(.scrolled) #header .header-links a,
  body:not(.scrolled) #header .secondary-links a,
  body:not(.scrolled) #header .utility-links a{
    color:#5a3b1b !important;
    text-shadow:none !important;
  }

  body.home:not(.scrolled) #header .links,
  body.home:not(.scrolled) #header .top-links,
  body.home:not(.scrolled) #header .header-links,
  body.home:not(.scrolled) #header .secondary-links,
  body.home:not(.scrolled) #header .utility-links,
  body.home:not(.scrolled) #header .links span,
  body.home:not(.scrolled) #header .top-links span,
  body.home:not(.scrolled) #header .header-links span,
  body.home:not(.scrolled) #header .secondary-links span,
  body.home:not(.scrolled) #header .utility-links span{
    color:#5a3b1b !important;
    text-shadow:none !important;
  }

  body:not(.scrolled) #header .fa-search,
  body:not(.scrolled) #header [class*="search"] i,
  body:not(.scrolled) #header [class*="search"] svg{
    color:#5a3b1b !important;
    stroke:#5a3b1b !important;
  }

  /* ----------------------------------------------------------
     Homepage hero:
     The final desktop artwork contains intentional blank space at its top.
     Crop that blank area UP rather than adding more spacing, so the first
     visible arcs/cloud artwork begins just below the utility row.
     ---------------------------------------------------------- */
  body.home #cfle-home-v4 .cfle-v4-hero{
    padding-top:0 !important;
    background:#fefef8 !important;
  }

  body.home #cfle-home-v4 .cfle-v4-hero-picture{
    overflow:hidden !important;
  }

  body.home #cfle-home-v4 .cfle-v4-hero-art{
    margin-top:clamp(-96px,-5.4vw,-72px) !important;
    position:relative !important;
    top:4px !important;
  }
}