
/* ============================================================
   LEGAL CENTRE — Shell Repair V1
   Precise fix for the current production header/workspace state.
   No page/content/database replacement.
   ============================================================ */
:root{
  --lcsr-green:#087443;
  --lcsr-green2:#075335;
  --lcsr-deep:#043c28;
  --lcsr-orange:#f47a1f;
  --lcsr-yellow:#f2c318;
  --lcsr-ink:#171918;
  --lcsr-muted:#6e7771;
  --lcsr-line:rgba(18,43,31,.085);
  --lcsr-ease:cubic-bezier(.16,1,.3,1);
}

/* ----- Desktop: collapse the old two-storey header into one precise bar ----- */
@media(min-width:901px){
  .lcbank-header{
    position:sticky!important;top:0!important;z-index:1800!important;
    min-height:70px!important;
    background:rgba(255,255,255,.84)!important;
    -webkit-backdrop-filter:blur(26px) saturate(175%)!important;
    backdrop-filter:blur(26px) saturate(175%)!important;
    border-bottom:1px solid rgba(18,43,31,.065)!important;
    box-shadow:none!important;
  }

  body.lcx2-scrolled .lcbank-header,
  body.lcsr-scrolled .lcbank-header{
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 12px 40px rgba(17,43,29,.055)!important;
  }

  /* Row 1 becomes logo-only, floating over row 2. */
  .lcbank-topline{
    position:absolute!important;inset:0!important;
    height:70px!important;background:transparent!important;border:0!important;
    pointer-events:none!important;z-index:4!important;
  }
  .lcbank-topline-inner{
    min-height:70px!important;height:70px!important;
    display:block!important;position:relative!important;
    padding-top:0!important;padding-bottom:0!important;
  }
  .lcbank-brand{
    position:absolute!important;left:0!important;top:50%!important;
    transform:translateY(-50%)!important;
    pointer-events:auto!important;
  }
  .lcbank-brand img{
    height:44px!important;width:auto!important;max-width:190px!important;
  }
  .lcbank-audience,
  .lcbank-utilities,
  .lcbank-private-dot,
  .lcbank-topline .lcbank-account-zone,
  .lcbank-mobile-controls{
    display:none!important;
  }

  /* Row 2 is the actual navigation bar. */
  .lcbank-middle{
    position:relative!important;height:70px!important;
    background:transparent!important;border:0!important;
  }
  .lcbank-middle-inner{
    min-height:70px!important;height:70px!important;
    padding:0 0 0 205px!important;
    display:grid!important;
    grid-template-columns:minmax(355px,1fr) minmax(255px,335px) auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:16px!important;
  }

  .lcbank-actions{
    gap:18px!important;min-width:0!important;
    overflow:visible!important;
  }
  .lcbank-actions a,
  .lcbank-actions button{
    min-height:34px!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#3d4942!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Manrope,system-ui,sans-serif!important;
    font-size:11.5px!important;font-weight:630!important;
    letter-spacing:-.018em!important;
    white-space:nowrap!important;
  }
  .lcbank-actions a:hover,
  .lcbank-actions button:hover,
  .lcbank-actions .lcbank-discover-trigger{
    color:var(--lcsr-green)!important;
    background:transparent!important;
  }
  .lcbank-actions small{
    font-size:9px!important;opacity:.65!important;
  }

  /* Search: compact, calm and readable. */
  .lcf-mobile-search-panel{
    display:block!important;position:static!important;
    width:100%!important;max-width:335px!important;
    justify-self:end!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  .lcf-mobile-search-form{
    height:40px!important;
    grid-template-columns:17px minmax(0,1fr) auto!important;
    gap:7px!important;padding:2px 3px 2px 12px!important;
    border:1px solid rgba(18,43,31,.09)!important;
    border-radius:999px!important;
    background:#f6f8f7!important;
    box-shadow:none!important;
  }
  .lcf-mobile-search-form:focus-within{
    background:#fff!important;
    border-color:rgba(8,116,67,.24)!important;
    box-shadow:0 0 0 4px rgba(8,116,67,.05)!important;
  }
  .lcf-mobile-search-form input{
    padding:7px 0!important;
    font:500 11.5px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Manrope,system-ui,sans-serif!important;
    color:#26352d!important;
  }
  .lcf-mobile-search-form input::placeholder{
    color:#89918c!important;font-weight:450!important;
  }
  .lcf-mobile-search-form button{
    min-height:34px!important;padding:0 13px!important;
    border-radius:999px!important;
    background:#fff!important;color:#26352d!important;
    border:0!important;
    box-shadow:0 1px 5px rgba(18,43,31,.06)!important;
    font:650 10px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif!important;
  }

  /* Fix the two blank pills caused by V2 overriding background but not foreground. */
  .lcbank-account-zone{
    gap:7px!important;min-width:max-content!important;
  }
  .lcf-service-cart-link{
    min-height:38px!important;padding:0 12px!important;
    border:1px solid rgba(18,43,31,.09)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#314139!important;
    font-size:10px!important;font-weight:650!important;
    box-shadow:0 1px 4px rgba(18,43,31,.025)!important;
  }
  .lcf-service-cart-link svg{
    color:#536159!important;width:15px!important;height:15px!important;
  }
  .lcf-service-cart-link span{display:inline!important;color:#314139!important}
  .lcf-service-cart-link b{
    background:var(--lcsr-green)!important;color:#fff!important;
  }

  .lc-account-trigger{
    min-height:38px!important;padding:0 14px!important;
    border:1px solid var(--lcsr-green)!important;
    border-radius:999px!important;
    background:var(--lcsr-green)!important;
    color:#fff!important;
    font:700 10px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif!important;
    box-shadow:0 8px 20px rgba(8,116,67,.12)!important;
  }
  .lc-account-trigger:hover,
  .lc-account-trigger.is-open{
    background:var(--lcsr-green2)!important;
    border-color:var(--lcsr-green2)!important;
    color:#fff!important;
  }

  /* Menus anchor exactly under the single bar. */
  .lc-top-panel{
    top:70px!important;
    border-top:1px solid rgba(18,43,31,.06)!important;
    border-bottom:1px solid rgba(18,43,31,.07)!important;
  }
  .lc-top-panel-shell{
    border-radius:0 0 22px 22px!important;
    overflow:hidden!important;
    box-shadow:0 28px 80px rgba(17,43,29,.13)!important;
  }
  .lc-account-popover{
    top:70px!important;
    border-radius:0 0 18px 18px!important;
    border-top:0!important;
    box-shadow:0 24px 65px rgba(17,43,29,.13)!important;
  }

  /* Service category strip becomes an overlay instead of a third header row. */
  .lcbank-category{
    position:absolute!important;left:0!important;right:0!important;top:70px!important;
    z-index:1455!important;
    border-top:1px solid rgba(18,43,31,.06)!important;
    border-bottom:1px solid rgba(18,43,31,.07)!important;
    box-shadow:0 24px 65px rgba(17,43,29,.10)!important;
  }

  /* Logged-in customer/billing areas: keep public chrome quiet. */
  body.lcsr-private .lcbank-actions{
    display:none!important;
  }
  body.lcsr-private .lcbank-middle-inner{
    grid-template-columns:minmax(0,1fr) minmax(280px,360px) auto!important;
  }
  body.lcsr-private .lcf-mobile-search-panel{
    justify-self:start!important;
  }
  body.lcsr-private .lcf-service-cart-link{
    display:none!important;
  }
}

/* Tighter desktop range: preserve one row instead of wrapping. */
@media(min-width:901px) and (max-width:1160px){
  .lcbank-middle-inner{
    padding-left:184px!important;
    grid-template-columns:minmax(300px,1fr) minmax(220px,270px) auto!important;
    gap:11px!important;
  }
  .lcbank-brand img{height:40px!important;max-width:168px!important}
  .lcbank-actions{gap:11px!important}
  .lcbank-actions a,.lcbank-actions button{font-size:10.5px!important}
  .lcbank-actions [data-lc-top-trigger="tools"]{display:none!important}
  .lcf-mobile-search-form input{font-size:10.5px!important}
}

/* ----- Homepage: repair hierarchy without replacing content ----- */
.lch-hero{
  min-height:calc(100svh - 70px)!important;
  padding-top:72px!important;padding-bottom:72px!important;
}
.lch-hero-inner{
  gap:clamp(48px,5.5vw,82px)!important;
}
.lch-hero h1{
  max-width:700px!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Manrope,system-ui,sans-serif!important;
  font-size:clamp(58px,5.3vw,82px)!important;
  line-height:.965!important;
  letter-spacing:-.064em!important;
  font-weight:735!important;
}
.lch-hero-copy>p{
  max-width:650px!important;
  font-size:16px!important;line-height:1.7!important;
  color:#68736d!important;
}
.lch-actions .btn,
.lch-text-link{
  border-radius:999px!important;
}
.lch-finder{
  border-radius:30px!important;
  border-color:rgba(18,43,31,.085)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 30px 90px rgba(18,43,31,.105)!important;
}
.lch-category,
.lch-why article{
  border-radius:22px!important;
}

/* Mobile stays on the existing tested mobile header. */
@media(max-width:900px){
  .lcbank-header{min-height:auto!important}
  .lch-hero{min-height:auto!important;padding-top:54px!important;padding-bottom:56px!important}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .lcbank-header,.lcbank-header *{transition-duration:.001ms!important}
}
