/* LCHS WOW Theme – High-end styling
   Author: Amanda Pearce, Midwest Horizons Marketing
*/

:root{
  --ink:#0b1a12;
  --gold:#c8a24a;
  --gold2:#a57d23;
  --cream: rgba(255,255,255,.70);
  --glass: rgba(255,255,255,.18);
  --stroke: rgba(255,255,255,.22);
  --shadow: 0 18px 45px rgba(0,0,0,.28);
  --shadow2: 0 10px 26px rgba(0,0,0,.18);
}

html,body{ overflow-x:hidden; }
*{ box-sizing:border-box; }

.wp-site-blocks{ min-height: 100vh; }

/* ===== Header background image ===== */
.lchs-header{
  position:relative;
  min-height: 320px;
  padding: 22px 18px 30px;
  color: var(--ink);
  background:
    linear-gradient(to bottom, rgba(255,255,255,.25), rgba(255,255,255,.10) 45%, rgba(255,255,255,.00)),
    radial-gradient(1200px 500px at 50% 0%, rgba(255,255,255,.30), rgba(255,255,255,0)),
    url("../img/hero-bg.jpg");
  background-size: cover;
  background-position: center;
  filter: saturate(1.02) contrast(1.02);

}


/* soft grain / museum print feel */
.lchs-header::after{
  content:"";
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(0,0,0,.10) 1px, transparent 1px);
  background-size: 3px 3px;
  opacity:.12;
  mix-blend-mode:multiply;
  pointer-events:none;
  z-index:0;
}

.lchs-utility, .lchs-navwrap { position:relative; }

/* ===== Utility pills (top right) ===== */
.lchs-utility{
  max-width:1200px;
  margin:0 auto 8px;
}

.lchs-utility-nav .wp-block-navigation__container{
  gap: 14px;
}

.lchs-utility-nav .wp-block-navigation-item__content{
  display:inline-flex;
  align-items:center;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(8, 49, 25, .92);
  color:#fff !important;
  text-decoration:none;
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.lchs-utility-nav .wp-block-navigation-item__content:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
  filter: brightness(1.06);
}

/* ===== Main nav row ===== */
.lchs-navwrap{ max-width:1200px; margin:0 auto; }

.lchs-navwrap__inner{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap: 14px;
}

.lchs-logo{
  display:flex;
  align-items:center;
  justify-content:center;
}

.lchs-primary-nav .wp-block-navigation__container{ gap: 22px; }

.lchs-primary-nav .wp-block-navigation-item__content{
  color: #0b2a18 !important;
  font-weight: 650;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration:none;
  padding: 10px 10px;
  border-radius: 12px;
  transition: background .18s ease, transform .18s ease;
}

.lchs-primary-nav .wp-block-navigation-item__content:hover{
  background: rgba(255,255,255,.35);
  transform: translateY(-1px);
}

/* dropdown */
.wp-block-navigation__submenu-container{
  border-radius: 16px !important;
  background: rgba(255,255,255,.80) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: var(--shadow);
  padding: 10px !important;
}

/* ===== Hero card ===== */
.lchs-hero-card{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.55);
  backdrop-filter: blur(10px);
  border-radius: 22px;
  box-shadow: var(--shadow2);
}

.lchs-hero-card h1{
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.05;
  margin: 0 0 10px;
}

.lchs-hero-card p{
  font-size: 18px;
  line-height: 1.55;
  margin: 0 0 18px;
  max-width: 70ch;
}

/* Buttons */
.lchs-btn .wp-block-button__link{
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .02em;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.lchs-btn--gold .wp-block-button__link{
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color: #102016;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}

.lchs-btn--ghost .wp-block-button__link{
  background: rgba(255,255,255,.25);
  border: 1px solid rgba(8,49,25,.25);
  color: #083119;
}

.lchs-btn .wp-block-button__link:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(0,0,0,.24);
  filter: brightness(1.03);
}

/* Feature strip */
.lchs-feature-strip{
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.55);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}

/* ===== Footer ===== */
.lchs-footer{
  background: #071b12;
  color: rgba(255,255,255,.90);
}

.lchs-footer h3, .lchs-footer h4{ color: #fff; margin-top:0; }

.lchs-footer a{ color: rgba(255,255,255,.92); text-decoration: none; }
.lchs-footer a:hover{ text-decoration: underline; }

.lchs-divider{
  border-color: rgba(200,162,74,.50) !important;
  margin: 22px 0 !important;
}

/* ===== Mobile ===== */
@media (max-width: 900px){
  .lchs-header{ min-height: 260px; }

  .lchs-navwrap__inner{
    grid-template-columns: 1fr;
    gap: 10px;
    justify-items:center;
  }

  .lchs-nav--left,
  .lchs-nav--right{
    width: 100%;
    display:flex;
    justify-content:center;
  }

  .lchs-utility-nav .wp-block-navigation__container{
    justify-content:center;
    flex-wrap:wrap;
  }

  .lchs-primary-nav .wp-block-navigation__container{
    justify-content:center;
    flex-wrap:wrap;
    gap: 10px 14px;
  }
}


/* ===== Centered split-menu fixes (ensures menus hug the logo evenly) ===== */
.lchs-navwrap{ width:100%; }

.lchs-navwrap__inner{
  width:100%;
  max-width:1200px;
  margin:0 auto;
}

/* Make the left menu align toward center; right menu align toward center */
.lchs-primary-nav--left  .wp-block-navigation__container{ justify-content:flex-end; }
.lchs-primary-nav--right .wp-block-navigation__container{ justify-content:flex-start; }

/* Keep nav regions from shrinking oddly */
.lchs-nav--left, .lchs-nav--right{ min-width: 0; }

/* Ensure logo is truly centered regardless of menu widths */
.lchs-logo{ justify-self:center; }

/* ===== Block theme compatibility defaults (helps pages built in other themes look great) ===== */
main.wp-block-group,
.wp-site-blocks > .wp-block-group{ width:100%; }

.wp-block-group > .wp-block-columns{
  margin-top: 18px;
  margin-bottom: 18px;
}

.wp-block-heading{
  letter-spacing: -0.01em;
}

.wp-block-paragraph, p{
  line-height: 1.7;
}

.wp-block-image img{
  border-radius: 18px;
}

.wp-block-buttons .wp-block-button__link{
  border-radius: 999px;
}

/* Content spacing polish */
.wp-site-blocks main{
  padding-left: 18px;
  padding-right: 18px;
}

/* Prevent extra-wide content from breaking layouts */
.wp-site-blocks main *{
  max-width: 100%;
}


/* 1.1: full banner, clear menus and comfortable mobile targets. */
.lchs-brand-banner{display:block!important;width:100%!important;max-width:none!important;margin:0!important;background:#faf6e9;line-height:0}
.lchs-brand-banner img{display:block;width:100%;height:auto;border-radius:0!important;aspect-ratio:1920/809;object-fit:contain}
.lchs-header{min-height:0!important;padding:14px 24px!important;background:#faf6e9!important;filter:none!important;border-bottom:2px solid #b18a42;isolation:isolate}
.lchs-header::after{display:none}
.lchs-header .lchs-utility,.lchs-header .lchs-navwrap{z-index:2}
.lchs-utility{margin-bottom:12px}
.lchs-primary-nav .wp-block-navigation-item__content{color:#163e2d!important;letter-spacing:.015em;min-height:44px;display:flex;align-items:center}
.lchs-primary-nav .wp-block-navigation-item__content:hover{background:#eee6d3}
.lchs-header .wp-block-navigation__submenu-container{background:#fffdf7!important;backdrop-filter:none;border:1px solid #d7c8a5;z-index:10}
.lchs-header .wp-block-navigation__responsive-container.is-menu-open{background:#fffdf7!important;color:#163e2d!important;padding:64px 24px 32px!important;overflow-y:auto}
.lchs-header .wp-block-navigation__responsive-container-open,.lchs-header .wp-block-navigation__responsive-container-close{min-width:48px;min-height:48px;align-items:center;justify-content:center;padding:10px;background:#163e2d;color:#fff;border-radius:8px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a37422;outline-offset:4px}
.wp-site-blocks main{overflow-wrap:break-word}
.wp-site-blocks main img{height:auto}
.wp-site-blocks main iframe,.wp-site-blocks main video{max-width:100%}
.wp-site-blocks main table{display:block;max-width:100%;overflow-x:auto}
.wp-site-blocks main input,.wp-site-blocks main select,.wp-site-blocks main textarea{font-size:16px}
@media(min-width:1001px){
.lchs-header .lchs-primary-nav>.wp-block-navigation__responsive-container-open{display:none!important}
.lchs-header .lchs-primary-nav>.wp-block-navigation__responsive-container:not(.is-menu-open){display:block!important;position:relative!important;width:100%;background:transparent}
}
@media(max-width:1000px){
.lchs-header{padding:12px 16px!important}
.lchs-navwrap__inner{grid-template-columns:1fr auto 1fr;gap:10px;justify-items:stretch}
.lchs-logo img{width:60px;height:auto}
.lchs-nav--left{justify-content:flex-start}
.lchs-nav--right{justify-content:flex-end}
.lchs-header .lchs-primary-nav>.wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
.lchs-header .lchs-primary-nav>.wp-block-navigation__responsive-container-open{display:flex!important;gap:8px}
.lchs-primary-nav--left>.wp-block-navigation__responsive-container-open::after{content:'Explore';font-size:14px;font-weight:700}
.lchs-primary-nav--right>.wp-block-navigation__responsive-container-open::after{content:'More';font-size:14px;font-weight:700}
.lchs-utility-nav .wp-block-navigation__container{gap:8px;justify-content:center;flex-wrap:wrap}
.lchs-utility-nav .wp-block-navigation-item__content{padding:8px 12px;min-height:44px;font-size:14px;box-shadow:none}
.lchs-header .is-menu-open .wp-block-navigation__container{align-items:stretch!important;width:100%;gap:8px}
.lchs-header .is-menu-open .wp-block-navigation-item__content{font-size:17px;min-height:48px;padding:10px 12px}
.lchs-header .is-menu-open .wp-block-navigation__submenu-container{box-shadow:none;border:0;border-left:2px solid #b18a42;border-radius:0!important}
.wp-block-columns{flex-wrap:wrap!important}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* 1.1.1: the live site uses a saved Cover, not the theme header. */
.wp-site-blocks .lchs-saved-banner-nav.wp-block-cover{
 min-height:0!important;height:auto!important;aspect-ratio:auto!important;
 padding:12px 20px 18px!important;background:#faf6e9!important;
 display:block!important;overflow:visible!important;border-bottom:2px solid #b18a42;
}
.lchs-saved-banner-nav>.wp-block-cover__inner-container{width:100%!important;max-width:1200px!important;margin:0 auto!important;color:#163e2d!important}
.lchs-saved-banner-nav .wp-block-spacer{display:none!important}
.lchs-saved-banner-nav nav.wp-block-navigation{margin:0 auto 12px!important;justify-content:center!important;font-size:16px!important}
.lchs-saved-banner-nav .wp-block-navigation-item__content{color:#163e2d!important;min-height:44px;padding:10px 12px!important;font-size:16px!important}
.lchs-saved-banner-nav .wp-block-navigation__submenu-container{background:#fffdf7!important;border:1px solid #d7c8a5!important;box-shadow:0 8px 24px #163e2d22;padding:8px!important}
.lchs-saved-banner-nav .wp-block-buttons{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;padding:0!important;margin:0!important}
.lchs-saved-banner-nav .wp-block-button{margin:0!important;flex:0 1 auto!important;width:auto!important}
.lchs-saved-banner-nav .wp-block-button__link{display:flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:10px 16px!important;font-size:15px!important;line-height:1.35!important;background:#163e2d!important;color:#fffdf7!important;border-radius:8px!important;box-shadow:none!important;white-space:normal!important}
.lchs-saved-banner-nav .wp-block-button__link strong{font-size:inherit!important}
.lchs-saved-banner-nav .wp-block-navigation__responsive-container.is-menu-open{position:fixed!important;inset:0!important;background:#fffdf7!important;color:#163e2d!important;padding:70px 24px 30px!important;overflow-y:auto!important;z-index:100000!important}
.lchs-saved-banner-nav .is-menu-open .wp-block-navigation__responsive-container-content{align-items:stretch!important;gap:8px!important;padding:0!important}
.lchs-saved-banner-nav .is-menu-open .wp-block-navigation__container{width:100%!important;align-items:stretch!important;gap:8px!important}
.lchs-saved-banner-nav .is-menu-open .wp-block-navigation-item__content{font-size:17px!important}
.lchs-saved-banner-nav .wp-block-navigation__responsive-container-close{min-width:48px;min-height:48px;color:#163e2d!important}
@media(max-width:1000px){
 .wp-site-blocks .lchs-saved-banner-nav.wp-block-cover{padding:12px!important}
 .lchs-saved-banner-nav nav.wp-block-navigation>.wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
 .lchs-saved-banner-nav nav.wp-block-navigation>.wp-block-navigation__responsive-container-open{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:120px;padding:10px 16px!important;background:#163e2d!important;color:white!important;border-radius:8px;font-size:16px}
 .lchs-saved-banner-nav .wp-block-navigation__responsive-container-open::after{content:'Menu';font-weight:700}
 .lchs-saved-banner-nav .wp-block-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .lchs-saved-banner-nav .wp-block-button{width:100%!important;min-width:0!important}
 .lchs-saved-banner-nav .wp-block-button__link{width:100%!important;padding:10px 8px!important;font-size:14px!important;min-height:46px!important}
 .lchs-saved-banner-nav .wp-block-navigation__submenu-container{box-shadow:none!important}
}
@media(min-width:1001px){
 .lchs-saved-banner-nav nav.wp-block-navigation>.wp-block-navigation__responsive-container-open{display:none!important}
 .lchs-saved-banner-nav nav.wp-block-navigation>.wp-block-navigation__responsive-container:not(.is-menu-open){display:block!important;position:relative!important;background:transparent!important}
}