/* LS WORLDWIDE — CONSISTENT HERO LOGO PANEL ACROSS ALL PAGES */
:root{
  --lsw-panel-width: 360px;
  --lsw-panel-left: 40px;
  --lsw-panel-top: 28px;
  --lsw-panel-radius: 12px;
  --lsw-panel-pad-y: 10px;
  --lsw-panel-pad-x: 14px;
  --lsw-tablet-logo-width: 190px;
  --lsw-mobile-logo-width: 165px;
}

.global-fixed-logo{
  display:none;
}

/* Desktop hero logo panel */
@media (min-width:1200px){

  /* Keep only one LS Worldwide logo on desktop. */
  .site-header .header-brand,
  .site-footer .footer-logo{
    display:none !important;
  }

  .site-header .header-inner{
    justify-content:flex-end !important;
  }

  .site-header .main-nav{
    margin-left:auto !important;
  }

  /* Hero becomes the positioning context only; no layout values are changed. */
  .home-hero,
  .page-hero{
    position:relative !important;
  }

  /* Logo is an overlay inside the hero and never affects document flow. */
  .global-fixed-logo{
    position:absolute !important;
    display:block !important;

    top:24px !important;
    left:12.8vw !important;

    width:340px !important;
    max-width:340px !important;
    height:auto !important;
    box-sizing:border-box !important;

    padding:10px 14px !important;
    margin:0 !important;

    background:#ffffff !important;
    border:0 !important;
    border-radius:12px !important;
    box-shadow:0 5px 16px rgba(0,0,0,.16) !important;

    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;

    z-index:10 !important;
    line-height:0 !important;
    text-decoration:none !important;
    pointer-events:auto !important;
  }

  .global-fixed-logo img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:none !important;

    object-fit:contain !important;
    object-position:center center !important;

    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;

    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  /* Header/dropdown remain above the logo, without shifting anything. */
  .site-header,
  .site-header .main-nav,
  .site-header .services-dropdown{
    z-index:2147483647 !important;
  }
}

/* Preserve the existing tablet/mobile logo treatment. */
@media (min-width:601px) and (max-width:1199px){
  .site-header .header-brand img,
  .site-footer .footer-logo{
    display:block !important;
    width:var(--lsw-tablet-logo-width) !important;
    max-width:var(--lsw-tablet-logo-width) !important;
    height:auto !important;
    object-fit:contain !important;
  }
}

@media (max-width:600px){
  .site-header .header-brand img,
  .site-footer .footer-logo{
    display:block !important;
    width:var(--lsw-mobile-logo-width) !important;
    max-width:var(--lsw-mobile-logo-width) !important;
    height:auto !important;
    object-fit:contain !important;
  }
}