/* 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%;
}