/* === Montcalm Deer Coop Forest Green + Cream Theme === */
/* Clean full version — preserves wood texture and adds subtle overlays */

:root {
  --mdc-green: #17572f;        /* main forest green */
  --mdc-green-700: #114325;    /* darker hover shade */
  --mdc-cream: #f7f4ec;        /* soft background accent */
  --mdc-ink: #111;             /* main text */
  --mdc-ink-muted: #4a4a4a;
}

/* ---------- Page background ---------- */
body {
  background-color: var(--mdc-cream) !important; /* keep wood texture layer intact */
  color: var(--mdc-ink) !important;
}

/* ---------- Header / Logo / Navigation ---------- */
.siteHeader,
.WaHeader,
.WaLayoutHeader {
  position: relative;
  background-color: transparent !important; /* preserve wood */
  border: 0 !important;
  box-shadow: none !important;
  z-index: 1;
}

/* Subtle translucent overlay for readability over wood */
.siteHeader::before,
.WaHeader::before,
.WaLayoutHeader::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(23, 87, 47, 0.55); /* 55% opacity forest-green overlay */
  z-index: -1;
  pointer-events: none;
}

/* Logo area */
.siteLogo,
.siteLogo a,
.siteLogo img {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Menu styling */
.WaGadgetMenuHorizontal,
.WaGadgetMenuVertical {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.WaGadgetMenuHorizontal a,
.WaGadgetMenuVertical a {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.4) !important;
  transition: background 0.2s ease;
}
.WaGadgetMenuHorizontal a:hover,
.WaGadgetMenuVertical a:hover,
.WaGadgetMenuHorizontal .selected > a,
.WaGadgetMenuVertical .selected > a {
  background-color: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border-radius: 4px;
}

/* ---------- Headings ---------- */
h1, h2, h3, .pageTitle, .Heading1, .Heading2, .Heading3 {
  color: var(--mdc-green) !important;
}
hr, .sectionDivider {
  border-top: 2px solid var(--mdc-green) !important;
}

/* ---------- Buttons ---------- */
button,
input[type="submit"],
input[type="button"],
.gadgetStyle_button,
.WaGadgetMemberWidget .button,
.WaGadgetEventsStateList .registerButton,
.WaGadgetShopProduct .addToCartButton {
  background: var(--mdc-green) !important;
  border-color: var(--mdc-green) !important;
  color: #fff !important;
  border-radius: 8px !important;
  transition: background 0.2s ease;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.gadgetStyle_button:hover,
.WaGadgetMemberWidget .button:hover,
.WaGadgetEventsStateList .registerButton:hover,
.WaGadgetShopProduct .addToCartButton:hover {
  background: var(--mdc-green-700) !important;
  border-color: var(--mdc-green-700) !important;
}

/* ---------- Links ---------- */
a, .gadgetStyle_link a {
  color: var(--mdc-green) !important;
}
a:hover, .gadgetStyle_link a:hover {
  color: var(--mdc-green-700) !important;
  text-decoration: underline;
}

/* ---------- Forms ---------- */
input[type="text"], input[type="email"], input[type="password"],
textarea, select {
  border: 1px solid rgba(0,0,0,.2) !important;
  background: #fff !important;
}
input:focus, textarea:focus, select:focus {
  outline: 2px solid var(--mdc-green) !important;
  border-color: var(--mdc-green) !important;
}

/* ---------- Cards / Panels ---------- */
.panel, .card, .WaContentArea, .WaRegionContent, .content {
  background-color: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* ---------- Badges / Labels ---------- */
.label, .badge, .tag, .pill,
.WaGadgetEventsStateList .date,
.WaGadgetBlogStateList .date,
.WaGadgetShopCart .summaryHeader {
  background: var(--mdc-green) !important;
  color: #fff !important;
}

/* ---------- Footer ---------- */
.siteFooter, .WaLayoutFooter {
  position: relative;
  background-color: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
.siteFooter::before,
.WaLayoutFooter::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(23, 87, 47, 0.45); /* 45% opacity forest-green overlay */
  z-index: -1;
  pointer-events: none;
}
.siteFooter a { color: #fff !important; }

/* ---------- Video Gadgets ---------- */
.WaGadgetEmbeddedObject,
.WaGadgetVideo,
.videoBlock,
.embedContainer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.WaGadgetEmbeddedObject iframe,
.WaGadgetVideo iframe {
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  border: 0 !important;
  border-radius: 12px !important;
  outline: 1px solid rgba(0,0,0,.06) !important;
}
.WaGadgetEmbeddedObject iframe:hover {
  outline-color: rgba(0,0,0,.15) !important;
}
.videoCaption, .WaGadgetVideo .caption {
  margin-top: .5rem !important;
  color: #333 !important;
  font-size: .95rem !important;
}

/* ---------- Events Calendar ---------- */
.WaGadgetCalendar,
.WaGadgetEvents,
.WaGadgetEventsStateCalendar {
  background: var(--mdc-cream) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 14px !important;
  padding: 10px !important;
}
.WaGadgetCalendar .monthHeader,
.WaGadgetEventsStateCalendar .monthHeader {
  background: var(--mdc-green) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
}
.WaGadgetCalendar .dayHeader {
  background: #fff !important;
  color: var(--mdc-green) !important;
  border-bottom: 2px solid var(--mdc-green) !important;
  font-weight: 700 !important;
}
.WaGadgetCalendar .monthView .dayCell {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}
.WaGadgetCalendar .monthView .dayCell.today {
  outline: 3px solid var(--mdc-green) !important;
  outline-offset: -3px !important;
}
.WaGadgetCalendar .eventItem {
  background: rgba(23,87,47,.08) !important;
  border-left: 3px solid var(--mdc-green) !important;
  border-radius: 8px !important;
  color: #111 !important;
  padding: 4px 8px !important;
  margin: 4px 0 !important;
}
.WaGadgetCalendar .eventItem a {
  color: var(--mdc-green) !important;
  text-decoration: none !important;
}
.WaGadgetCalendar .eventItem a:hover {
  text-decoration: underline !important;
}

/* ---------- Accessibility ---------- */
:focus-visible {
  outline: 3px solid var(--mdc-green) !important;
  outline-offset: 2px;
}