/* LMK PREMIUM HEADER + HERO V3 — source-specific to Blocksy child theme */
/* Glass navigation site-wide; homepage Gutenberg hero remains homepage-only. */
body.lmk-v4-enabled {
  --lmk-v3-gold: #E0AE43;
  --lmk-v3-navy: #061B35;
  --lmk-v3-green: #18B980;
  --lmk-v3-max-width: 1376px;
  --lmk-v3-outer-gutter: clamp(18px, 4.6vw, 88px);
  --lmk-v3-inner-gutter: clamp(18px, 2.8vw, 38px);
}
/* Replace the native Blocksy header on the home page only. Offcanvas markup
   remains unaffected; all other pages still use native Blocksy navigation. */
body.lmk-v4-enabled #header { display: none !important; }
body.lmk-v4-enabled .lmk-v3-header { 
  position: absolute; z-index: 120;
  inset: 0 0 auto;
  padding: clamp(14px, 1.65vw, 26px) var(--lmk-v3-outer-gutter) 0;
  pointer-events: none;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}
body.admin-bar.lmk-v4-enabled .lmk-v3-header { top: var(--wp-admin--admin-bar--height, 32px); }
body.lmk-v4-enabled .lmk-v3-header__shell {
  width: min(100%, var(--lmk-v3-max-width));
  min-height: 88px;
  margin-inline: auto;
  padding: 8px var(--lmk-v3-inner-gutter);
  display: flex; align-items: center; gap: clamp(14px, 2.5vw, 36px);
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.58);
  background: linear-gradient(111deg,rgba(241,248,252,.88),rgba(221,236,244,.78) 47%,rgba(245,250,252,.87));
  box-shadow: 0 16px 46px rgba(1,15,33,.22), inset 0 1px rgba(255,255,255,.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  backdrop-filter: blur(18px) saturate(1.4);
  pointer-events: auto;
}
body.lmk-v4-enabled .lmk-v3-header__brand { display: flex; align-items:center; flex: 0 0 auto; min-width: 0; text-decoration: none; }
body.lmk-v4-enabled .lmk-v3-header__brand img { display:block; width: auto; height: 74px; max-width: 156px; object-fit: contain; }
body.lmk-v4-enabled .lmk-v3-header__nav { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; gap: clamp(14px, 2.35vw, 38px); }
body.lmk-v4-enabled .lmk-v3-header__nav a,
body.lmk-v4-enabled .lmk-v3-header__search-toggle {
  color: #092D55; font-size: 14px; font-weight: 650; line-height: 1.4;
  text-decoration: none; white-space: nowrap;
}
body.lmk-v4-enabled .lmk-v3-header__nav a { padding: 12px 1px; position:relative; }
body.lmk-v4-enabled .lmk-v3-header__nav a:hover,
body.lmk-v4-enabled .lmk-v3-header__nav a[aria-current="page"] { color: #07633D; }
body.lmk-v4-enabled .lmk-v3-header__nav a[aria-current="page"]::after {
  content:""; position:absolute; bottom:4px; left:0; width:100%; height:3px;
  border-radius:4px; background: #07633D;
}
body.lmk-v4-enabled .lmk-v3-header__actions { display:flex; align-items:center; gap: clamp(12px,1.6vw,26px); flex:0 0 auto; }
body.lmk-v4-enabled .lmk-v3-header__search-toggle,
body.lmk-v4-enabled .lmk-v3-header__trigger {
  appearance: none; border: 0; background: transparent; padding: 10px; cursor: pointer;
  display: inline-flex; align-items:center; justify-content:center;
  border-radius: 999px;
}
body.lmk-v4-enabled .lmk-v3-header__search-toggle svg { display:block; width: 22px; height:22px; }
body.lmk-v4-enabled .lmk-v3-header__enquire {
  display: inline-flex; align-items:center; justify-content:center;
  min-height: 48px; padding: 12px clamp(16px, 1.85vw, 27px);
  border: 1px solid var(--lmk-v3-gold); border-radius: 999px;
  background: var(--lmk-v3-gold); color: #081A2F;
  font-weight: 800; font-size: 13px; white-space:nowrap;
  text-align:center; text-decoration:none;
  transition: background-color .18s ease;
}
body.lmk-v4-enabled .lmk-v3-header__enquire:hover { background: #F0C569; color:#081A2F; }
body.lmk-v4-enabled .lmk-v3-header__trigger { display:none; width:48px; height:48px; flex:0 0 48px; position:relative; }
body.lmk-v4-enabled .lmk-v3-header__trigger span { position:absolute; left:12px; width:24px; height:2px; border-radius:20px; background:#092D55; }
body.lmk-v4-enabled .lmk-v3-header__trigger span:first-child { top:19px; }
body.lmk-v4-enabled .lmk-v3-header__trigger span:last-child { top:28px; }
body.lmk-v4-enabled .lmk-v3-header__search-panel {
  position: absolute; right: max(var(--lmk-v3-outer-gutter), calc((100vw - var(--lmk-v3-max-width))/2));
  top: calc(clamp(14px, 1.65vw, 26px) + 98px);
  width: min(340px, calc(100vw - 40px));
  background: #fff; color: #092D55; padding: 16px; border-radius: 16px;
  box-shadow: 0 15px 50px rgba(0,0,0,.26); pointer-events:auto;
}
body.lmk-v4-enabled .lmk-v3-header__search-panel[hidden],
body.lmk-v4-enabled .lmk-v3-header__mobile-panel[hidden] { display:none !important; }
body.lmk-v4-enabled .lmk-v3-header__search-panel form { display:flex; gap:8px; }
body.lmk-v4-enabled .lmk-v3-header__search-panel input { min-width:0; flex:1; min-height:44px; padding:10px; border:1px solid #C7D2DE; border-radius:6px; font-size:16px; }
body.lmk-v4-enabled .lmk-v3-header__search-panel button { background:#092D55; color:#fff; padding:10px 14px; border-radius:6px; border:0; cursor:pointer; }
body.lmk-v4-enabled .lmk-v3-header :is(a,button,input):focus-visible { outline: 3px solid #FFD674; outline-offset: 3px; }
/* The original Gutenberg hero remains the single semantic H1 and image. */
body.home .lmk-scene-hero.alignfull {
  margin: 0 0 0 calc(50% - 50vw);
  width:100vw; max-width:none; background: #061A34;
  isolation:isolate; overflow:hidden; color:#fff;
}
body.home .lmk-scene-hero .lmk-scene-hero__photo { position:absolute; inset:0; width:100%; height:100%; z-index:0; }
body.home .lmk-scene-hero .lmk-scene-hero__photo img { width:100%; height:100%; object-fit: cover; object-position: 70% 50%; }
body.home .lmk-scene-hero::before {
  position:absolute; z-index:1; content:""; inset:0;
  background:
    radial-gradient(ellipse 52% 65% at 13% 19%,rgba(5,51,87,.76),transparent 100%),
    radial-gradient(ellipse 44% 50% at 41% 91%,rgba(0,95,83,.28),transparent 85%),
    linear-gradient(90deg,rgba(4,21,45,.97) 0%,rgba(5,29,57,.91) 29%,rgba(5,36,63,.76) 45%,rgba(5,28,55,.22) 71%,rgba(2,17,38,.08) 100%),
    linear-gradient(0deg,rgba(3,18,37,.65),transparent 30%);
  pointer-events:none;
}
body.home .lmk-scene-hero .lmk-scene-hero__inner {
  width: min(calc(100% - 2 * var(--lmk-v3-outer-gutter)), var(--lmk-v3-max-width));
  max-width:none; margin: 0 auto;
  min-height: clamp(700px, 53vw, 890px);
  padding: clamp(200px,15.5vw,245px) var(--lmk-v3-inner-gutter) 156px;
  justify-content: center; display:flex; flex-direction:column; align-items:flex-start;
  gap: 0; position:relative; z-index:2;
}
body.home .lmk-scene-hero .lmk-scene-hero__title {
  max-width: 15ch; color: #FFF;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: clamp(46px, 4.65vw, 76px);
  font-weight: 800; line-height: 1.13; letter-spacing: -.049em;
  text-wrap: balance; margin:0;
}
body.home .lmk-scene-hero .lmk-scene-hero__accent { color:#F4BC44; }
body.home .lmk-scene-hero .lmk-scene-hero__products {
  margin: 38px 0 0; padding:0; width:min(100%, 390px); max-width:390px;
  border:0; background:none;
}
body.home .lmk-scene-hero .lmk-scene-hero__product-list {
  display:grid; grid-template-columns:1fr;
  gap:14px; padding:0; margin:0; list-style:none;
}
body.home .lmk-scene-hero .lmk-scene-hero__product-list > li {
  position:relative; margin:0; padding:0 0 0 40px;
  color:#fff; font-size:clamp(18px,1.6vw,23px); font-weight:500; line-height:1.5;
}
body.home .lmk-scene-hero .lmk-scene-hero__product-list > li::before {
  width:24px; height:24px; top:4px; inset-inline-start:0;
  background-color:#36D994;
}
/* Hide legacy elements if an editor preview includes pre-migration content. */
body.home .lmk-scene-hero :is(.lmk-scene-hero__eyebrow,.lmk-scene-hero__lead,.lmk-scene-hero__actions,.lmk-scene-hero__disclaimer,.lmk-scene-hero__products-heading) { display:none !important; }
/* Minimal, non-full-width pair of gold and green brand strokes. */
body.home .lmk-scene-hero::after {
  content:""; position:absolute; z-index:3;
  left:max(var(--lmk-v3-outer-gutter),calc((100vw - var(--lmk-v3-max-width))/2 + var(--lmk-v3-inner-gutter)));
  right:auto; bottom:clamp(72px,9vw,130px);
  width:min(420px,48vw); height:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 48'%3E%3Cpath d='M3 27 Q140 -2 293 26 Q356 40 434 25' stroke='%23F4BC44' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M48 37 Q170 16 296 35 Q361 43 437 35' stroke='%230B855F' stroke-width='3.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:left center; background-size:100% 100%; pointer-events:none;
}
/* Small desktop screens: nav stays readable and desktop content matches it. */
@media (max-width:1150px) {
  body.lmk-v4-enabled .lmk-v3-header__nav { gap:14px; }
  body.lmk-v4-enabled .lmk-v3-header__nav a { font-size:12px; }
  body.lmk-v4-enabled .lmk-v3-header__enquire { font-size:12px; padding-inline:17px; }
  body.lmk-v4-enabled .lmk-v3-header__brand img { height:65px; }
}
@media (max-width:980px) {
  body.lmk-v4-enabled .lmk-v3-header__nav, body.lmk-v4-enabled .lmk-v3-header__actions > .lmk-v3-header__enquire { display:none; }
  body.lmk-v4-enabled .lmk-v3-header__shell { min-height:74px; border-radius:23px; justify-content:space-between; }
  body.lmk-v4-enabled .lmk-v3-header__brand img { height:60px; }
  body.lmk-v4-enabled .lmk-v3-header__trigger { display:inline-flex; }
  body.lmk-v4-enabled .lmk-v3-header__mobile-panel {
    position:absolute; top:calc(clamp(14px,1.65vw,26px) + 84px);
    left:var(--lmk-v3-outer-gutter); right:var(--lmk-v3-outer-gutter);
    margin-inline:auto; width:min(calc(100% - 2 * var(--lmk-v3-outer-gutter)),var(--lmk-v3-max-width));
    padding:20px; background:rgba(242,249,251,.98); border:1px solid rgba(8,45,85,.15);
    border-radius:20px; box-shadow:0 16px 40px rgba(0,0,0,.18);
    -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); pointer-events:auto;
  }
  body.lmk-v4-enabled .lmk-v3-header__mobile-panel nav { display:grid; gap:4px; }
  body.lmk-v4-enabled .lmk-v3-header__mobile-panel nav a { display:block; padding:12px; color:#092D55; font-size:15px; font-weight:700; text-decoration:none; border-radius:8px; }
  body.lmk-v4-enabled .lmk-v3-header__mobile-panel nav a:hover { color:#07633D; background:rgba(7,99,61,.08); }
  body.lmk-v4-enabled .lmk-v3-header__mobile-panel .lmk-v3-header__enquire { width:100%; margin-top:16px; }
  body.home .lmk-scene-hero .lmk-scene-hero__inner { min-height:760px; padding-top:150px; }
}
@media (max-width:640px) {
  body.home { --lmk-v3-outer-gutter:16px; --lmk-v3-inner-gutter:12px; }
  body.lmk-v4-enabled .lmk-v3-header { padding-top:14px; }
  body.lmk-v4-enabled .lmk-v3-header__shell { min-height:68px; padding:6px 12px; border-radius:20px; }
  body.lmk-v4-enabled .lmk-v3-header__brand img { height:55px; }
  body.lmk-v4-enabled .lmk-v3-header__search-toggle { padding:9px; }
  body.home .lmk-scene-hero .lmk-scene-hero__photo img { object-position:70% bottom; }
  body.home .lmk-scene-hero::before {
    background: linear-gradient(180deg,rgba(4,25,51,.99) 0%,rgba(5,29,55,.94) 38%,rgba(5,30,56,.64) 66%,rgba(5,29,54,.16) 100%),
    linear-gradient(90deg,rgba(5,26,51,.36),transparent);
  }
  body.home .lmk-scene-hero .lmk-scene-hero__inner {
    min-height:clamp(680px, 196vw, 840px); padding-top:145px; padding-bottom:130px; justify-content:flex-start;
  }
  body.home .lmk-scene-hero .lmk-scene-hero__title { font-size:clamp(36px,8.6vw,49px); max-width:13ch; }
  body.home .lmk-scene-hero .lmk-scene-hero__products { margin-top:24px; }
  body.home .lmk-scene-hero .lmk-scene-hero__product-list { gap:10px; }
  body.home .lmk-scene-hero .lmk-scene-hero__product-list>li { font-size:15px; padding-inline-start:31px; }
  body.home .lmk-scene-hero .lmk-scene-hero__product-list>li::before { width:20px; height:20px; top:2px; }
  body.home .lmk-scene-hero::after { width:min(260px,65vw); bottom:40px; height:30px; }
  body.lmk-v4-enabled .lmk-v3-header__mobile-panel { top:88px; }
  body.lmk-v4-enabled .lmk-v3-header__search-panel { top:88px; right:16px; }
}
@media (prefers-reduced-motion:reduce) {
  body.lmk-v4-enabled .lmk-v3-header *, body.home .lmk-scene-hero * { transition:none!important; scroll-behavior:auto!important; }
}

/* LMK V4: site-wide glass header; these selectors are intentionally scoped. */
body.lmk-v4-enabled .lmk-v3-header__nav a,
body.lmk-v4-enabled .lmk-v3-header__search-toggle { color:#092D55; }
body.lmk-v4-enabled .lmk-v3-header__nav a:hover,
body.lmk-v4-enabled .lmk-v3-header__nav a[aria-current="page"],
body.lmk-v4-enabled .lmk-v3-header__mobile-panel nav a[aria-current="page"] { color:#07633D; }
body.lmk-v4-enabled .lmk-v3-header__nav a[aria-current="page"]::after { background:#07633D; }
body.lmk-v4-enabled .lmk-v3-header__trigger span { background:#092D55; }
body.lmk-v4-enabled .lmk-v3-header__brand img { max-width:156px; }
/* Non-home pages get their own header stage; the native header is hidden only
   while all glass-header assets are present. No content is overlaid. */
body.lmk-v4-enabled:not(.home) .lmk-v4-header-stage {
  min-height:160px;
  background:linear-gradient(118deg,#061B35 0%,#0D3659 58%,#075441 100%);
}
/* Home photo and gradient genuinely begin behind the floating nav. The exact
   shift is measured and applied by V4 JS so no hardcoded header heights leak
   into mobile or Blocksy's various responsive configurations. */
body.lmk-v4-enabled.home { background:#061B35; }
body.lmk-v4-enabled.home .lmk-scene-hero.alignfull {
  --lmk-v4-hero-shift:0px;
  margin-top:calc(-1 * var(--lmk-v4-hero-shift)) !important;
}
/* Stronger glass provides reliable contrast for navy links on dark photography. */
body.lmk-v4-enabled .lmk-v3-header__shell {
  background:linear-gradient(111deg,rgba(241,248,252,.88),rgba(221,236,244,.80) 47%,rgba(245,250,252,.89));
}
@media (max-width:980px) {
  body.lmk-v4-enabled:not(.home) .lmk-v4-header-stage { min-height:122px; }
}
@media (max-width:640px) {
  body.lmk-v4-enabled:not(.home) .lmk-v4-header-stage { min-height:102px; }
}
