/* ============================================================
   Lord of Water — shared navy/gold theme (matches the home page)
   Loaded LAST on the older inner pages so they inherit the new look.
   ============================================================ */
:root{--abyss:#051426;--deep:#0A2A4A;--mid:#12496E;--foam:#E8F1F7;--mist:#9FB8CC;--gold:#E8B84B;--gold-deep:#C89A2E;--glow:#3FE0EA;
  /* remap the old cream-theme variables used by style.css and the page-level styles */
  --cream:#051426;--paper:#0A2A4A;--text:#E8F1F7;--text-light:#9FB8CC;--gold-dark:#C89A2E;--gold-light:#E8B84B;--accent:#9FB8CC;
  --border:rgba(159,184,204,.2);--deep-blue:#E8F1F7;--ocean-light:#3FE0EA}
html,body{background:#051426}
body{background:linear-gradient(180deg,#051426 0%,#0A2A4A 60%,#0d3a5c 100%) fixed;color:#E8F1F7;font-family:'Lora',Georgia,serif}
h1,h2,h3,h4{font-family:'Cinzel',Georgia,serif;font-weight:500;color:#E8F1F7;letter-spacing:.04em}
h1 em,h2 em,h3 em{font-style:normal;color:#E8B84B}
  /* header */
  header.site-head{position:sticky;top:0;z-index:50;background:rgba(5,20,38,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(159,184,204,.16)}
  header.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
  .brand{display:flex;align-items:center;gap:10px;font-family:'Cinzel',serif;font-weight:700;letter-spacing:.14em;font-size:1.05rem;color:var(--gold);text-transform:uppercase;white-space:nowrap}
  .brand svg{width:34px;height:20px;flex:none}
  .nav{display:flex;gap:6px;align-items:center}
  .nav a{font-family:'Cinzel',serif;font-weight:500;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--foam);padding:10px 12px;border-radius:3px}
  .nav a:hover{color:var(--gold)}
  .nav a.cta{border:1px solid var(--gold);color:var(--gold)}
  .nav a.cta:hover{background:var(--gold);color:var(--abyss)}
  .burger{display:none;background:none;border:1px solid rgba(159,184,204,.4);color:var(--foam);border-radius:3px;width:42px;height:38px;cursor:pointer}
  .burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:currentColor;margin:0 auto;position:relative}
  .burger span::before,.burger span::after{content:"";position:absolute;left:0}
  .burger span::before{top:-6px}.burger span::after{top:6px}


header.site-head .wrap{max-width:1040px;margin:0 auto;padding:0 24px}
header.site-head a.brand{color:#E8B84B}
header.site-head .nav a{color:#E8F1F7}
header.site-head .nav a:hover,header.site-head .nav a.active{color:#E8B84B}
header.site-head .nav a.cta{color:#E8B84B}
header.site-head .nav a.cta:hover{color:#051426}
@media (max-width:900px){
  header.site-head .nav{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;background:rgba(5,20,38,.98);padding:10px 24px 20px;border-bottom:1px solid rgba(159,184,204,.2)}
  header.site-head .nav.open{display:flex}
  header.site-head .nav a{padding:14px 6px;border-bottom:1px solid rgba(159,184,204,.1);font-size:.9rem}
  header.site-head .nav a.cta{margin-top:10px;text-align:center}
  header.site-head .burger{display:block}
}
@media (max-width:520px){header.site-head .brand{font-size:.9rem;letter-spacing:.1em}}
/* footer */
footer{background:transparent;border-top:1px solid rgba(159,184,204,.16);color:#9FB8CC;text-align:center}
footer a{color:#9FB8CC}footer a:hover{color:#E8B84B}
.footer-nav a{font-family:'Cinzel',serif;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}
.footer-social svg{fill:#9FB8CC}.footer-social a:hover svg{fill:#E8B84B}

/* old nav rules in style.css add margins/sizes; reset them for the shared header */
header.site-head{padding:0;box-shadow:none}
header.site-head .nav a{margin-left:0;white-space:nowrap;font-size:.78rem;font-weight:500;letter-spacing:.12em}
header.site-head .nav{flex-wrap:nowrap}
/* buttons / panels that used --deep-blue as a BACKGROUND in style.css */
.hero-cta{background:linear-gradient(180deg,#E8B84B,#C89A2E);color:#051426}
.btn-secondary{color:#E8B84B;border-color:#E8B84B}
.btn-secondary:hover{background:#E8B84B;color:#051426}
.optin-form{background:linear-gradient(135deg,#12496E,#0A2A4A);color:#E8F1F7;border:1px solid rgba(232,184,75,.35)}
footer{padding:46px 0 56px;font-size:.88rem}
footer .wrap{max-width:1040px;margin:0 auto;padding:0 24px}
footer .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-bottom:22px}
footer .footer-social{display:flex;justify-content:center;gap:18px;margin-bottom:22px}
footer .footer-social svg{width:22px;height:22px}
footer p{margin:0}

/* one font system: Cinzel for headings, Lora for everything else */
:root{--font-serif:'Cinzel',Georgia,serif;--font-sans:'Lora',Georgia,serif}
h1,h2,h3,h4,.blog-hero h1,.hero h1{font-family:'Cinzel',Georgia,serif!important}
h1 em,h2 em,h3 em{font-style:normal!important;color:#E8B84B}
h1,h2,h3,h4{color:#E8F1F7}
/* page banners that used the old turquoise/cream gradients */
.blog-hero,.hero,.page-hero{background:linear-gradient(180deg,#051426 0%,#0A2A4A 100%)!important;border-color:rgba(159,184,204,.16)!important}
.blog-hero h1,.blog-hero p{color:#E8F1F7}
header.site-head a,header.site-head a:hover{text-decoration:none!important}