/* Landing-page header + slide-in drawer (inc/lp-header.php, assets/js/lp-header.js).
   Rules lifted verbatim from template-lp-whitney.php so this matches the Whitney / Natalie / LP-contact pages. */
:root{ --lp-gold:#bf8f43; --lp-gold-bright:#c4a875; }
.lp-header{ position:fixed; top:0; left:0; right:0; z-index:1000; background:rgba(4,5,20,0.45); backdrop-filter:saturate(160%) blur(12px); -webkit-backdrop-filter:saturate(160%) blur(12px); border-bottom:1px solid rgba(245,244,239,0.1); transition:background .3s; }
.lp-header__inner{ max-width:1440px; margin:0 auto; height:74px; padding:0 clamp(18px,4vw,56px); display:flex; align-items:center; justify-content:space-between; }
.lp-header__logo img{ height:30px; width:auto; display:block; }
.lp-header__right{ display:flex; align-items:center; gap:clamp(14px,2.4vw,26px); }
.lp-header__phone{ display:inline-flex; align-items:center; gap:9px; padding:9px 4px; white-space:nowrap; color:#fff; font-family:'Inter',sans-serif; font-weight:600; font-size:1rem; transition:color .2s; }
.lp-header__phone:hover{ color:var(--lp-gold-bright); }
.lp-header__phone svg{ width:17px; height:17px; fill:var(--lp-gold-bright); flex:0 0 auto; }
.lp-header__phone .lp-ph-label{ display:block; font-size:.62rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,0.55); line-height:1; margin-bottom:3px; }
.lp-header__phone .lp-ph-stack{ display:flex; flex-direction:column; }
.lp-header__phone .lp-ph-num{ line-height:1.1; }
.lp-burger{ width:46px; height:40px; border:0; background:transparent; cursor:pointer; padding:9px 7px; display:flex; flex-direction:column; justify-content:center; gap:5px; border-radius:8px; transition:background .2s; }
.lp-burger:hover{ background:rgba(255,255,255,0.08); }
.lp-burger span{ display:block; height:2px; border-radius:2px; background:#fff; transition:.3s; }
.lp-burger.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.lp-burger.is-open span:nth-child(2){ opacity:0; }
.lp-burger.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.lp-overlay{ position:fixed; inset:0; background:rgba(4,5,16,0.6); z-index:1100; opacity:0; visibility:hidden; transition:opacity .35s,visibility .35s; }
.lp-overlay.is-open{ opacity:1; visibility:visible; }
.lp-drawer{ position:fixed; top:0; right:0; height:100%; width:min(460px,100%); z-index:1200; background:#0a0b2e; color:#fff; font-family:'Inter',sans-serif; transform:translateX(100%); transition:transform .42s cubic-bezier(.4,0,.2,1); display:flex; flex-direction:column; }
.lp-drawer.is-open{ transform:translateX(0); box-shadow:-18px 0 60px rgba(0,0,0,.5); }
.lp-drawer__head{ display:flex; align-items:center; justify-content:space-between; padding:20px 26px; border-bottom:1px solid rgba(255,255,255,0.1); }
.lp-drawer__logo{ height:26px; width:auto; }
.lp-drawer__close{ width:40px; height:40px; border:0; border-radius:50%; cursor:pointer; padding:0; background:rgba(255,255,255,0.07); color:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.lp-drawer__close svg{ width:16px; height:16px; display:block; }
.lp-drawer__close:hover{ background:rgba(255,255,255,0.18); }
.lp-drawer__body{ padding:30px 26px; overflow-y:auto; flex:1; }
.lp-drawer__kicker{ font-family:'JetBrains Mono',monospace; font-size:.66rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--lp-gold-bright); }
.lp-drawer__title{ font-family:'Cormorant Garamond',serif; font-size:2.3rem; font-weight:500; line-height:1.05; margin:10px 0 8px; color:#fff; }
.lp-drawer__title em{ font-style:italic; color:var(--lp-gold-bright); }
.lp-drawer__sub{ color:rgba(255,255,255,0.62); font-size:.95rem; margin-bottom:24px; }
.lp-submit{ margin-top:6px; padding:15px 20px; border:0; border-radius:8px; cursor:pointer; background:var(--lp-gold); color:#1a1308; font-family:'JetBrains Mono',monospace; font-weight:600; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; transition:transform .15s,background .2s; }
.lp-submit:hover{ transform:translateY(-2px); background:var(--lp-gold-bright); }
.lp-drawer__contact{ margin-top:28px; padding-top:22px; border-top:1px solid rgba(255,255,255,0.1); font-size:.9rem; line-height:1.85; color:rgba(255,255,255,0.7); }
.lp-drawer__contact a{ color:var(--lp-gold-bright); display:inline-block; padding:8px 0; }
.lp-drawer__contact strong{ color:#fff; display:block; margin-bottom:4px; }
@media(max-width:600px){ .lp-header__inner{ height:64px; } .lp-header__logo img{ height:26px; } .lp-header__phone .lp-ph-label{ display:none; } }

/* Additions for the menu-style drawer (in-page links + a CTA button instead of an inline form). */
.lp-header a, .lp-drawer a { text-decoration: none; }
.lp-drawer__cta { display: block; text-align: center; margin: 4px 0 26px; }
.lp-drawer__links { display: flex; flex-direction: column; border-top: 1px solid rgba(255,255,255,0.1); }
.lp-drawer__links a { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff; font-family: 'Cormorant Garamond', serif; font-size: 1.45rem; line-height: 1.2; transition: color .2s, padding-left .2s; }
.lp-drawer__links a:hover { color: var(--lp-gold-bright); padding-left: 6px; }
body.admin-bar .lp-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .lp-header { top: 46px; } }

/* Optional bar nav + CTA (settings `nav`, `bar_cta`). Desktop: logo, links, CTA only. */
.lp-header__nav{ display:none; gap:clamp(20px,2.6vw,36px); margin-left:auto; margin-right:clamp(20px,2.6vw,36px); }
.lp-header__nav a{ color:rgba(255,255,255,0.86); font-family:'Inter',sans-serif; font-weight:500; font-size:.95rem; transition:color .2s; }
.lp-header__nav a:hover{ color:var(--lp-gold-bright); }
.lp-header__cta{ display:none; margin:0; padding:12px 20px; font-size:.72rem; white-space:nowrap; }
@media(min-width:1000px){
  .lp-header--nav .lp-header__nav{ display:flex; }
  .lp-header--nav .lp-header__cta{ display:inline-block; }
  .lp-header--nav .lp-header__phone, .lp-header--nav .lp-burger{ display:none; }
}
