/*
  D27B UMAA Public National Archive Enterprise Skin
  One final coded design system for public UMAA pages.
  Gold is reserved for Guest Wall signatures only.
*/

:root {
  --archive-black: #050607;
  --archive-charcoal: #0d1013;
  --archive-panel: #14181c;
  --archive-panel-2: #1a1f24;
  --archive-line: rgba(255,255,255,.13);
  --archive-line-strong: rgba(255,255,255,.24);
  --archive-white: #f5f7f9;
  --archive-muted: #aeb7c1;
  --archive-red: #b71924;
  --archive-red-bright: #d62834;
  --archive-signature-gold: #ffd45f;
  --archive-width: 1180px;
  --archive-radius: 8px;
  --archive-shadow: 0 16px 36px rgba(0,0,0,.24);
}

html { color-scheme: dark; }

body.umaa-site,
body.umaa-site.umaa-guestwall-final-wallpaper {
  --gold: #e6e9ed;
  --gold2: #ffffff;
  --bronze: #c5cbd1;
  color: var(--archive-white) !important;
  background: linear-gradient(180deg,#050607 0%,#090c0f 52%,#050607 100%) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

body.umaa-site::before,
body.umaa-site::after { background: none !important; background-image: none !important; }

body.umaa-site :where(h1,h2,h3,h4) {
  margin-top: 0;
  color: var(--archive-white) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: .015em !important;
  line-height: 1.15 !important;
  text-wrap: balance;
}

body.umaa-site :where(h1,.guest-wall-title) { font-size: clamp(1.75rem,3vw,2.75rem) !important; }
body.umaa-site .traditional-hero h1,
body.umaa-site .hero-title,
body.umaa-site .traditional-title { font-size: clamp(2rem,3.6vw,3.25rem) !important; }
body.umaa-site :where(h2) { font-size: clamp(1.2rem,2vw,1.7rem) !important; }
body.umaa-site :where(h3) { font-size: clamp(1rem,1.4vw,1.25rem) !important; }
body.umaa-site :where(p,li,dd) { color: rgba(245,247,249,.84) !important; }
body.umaa-site :where(a) { text-underline-offset: .2em; }

/* Shared institutional header and navigation */
.umaa-topbar,
.umaa-topbar.umaa-approved-two-row {
  width: 100% !important;
  min-height: 78px !important;
  padding: 9px clamp(14px,2vw,28px) !important;
  background: rgba(5,6,7,.98) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--archive-line-strong) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.25) !important;
}

.umaa-approved-two-row .umaa-approved-header-grid {
  width: min(100%,1280px) !important;
  min-height: 60px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: clamp(124px,11vw,166px) repeat(7,minmax(70px,1fr)) !important;
  grid-template-rows: 30px 36px !important;
  column-gap: clamp(5px,.65vw,11px) !important;
  row-gap: 2px !important;
  align-items: center !important;
}

.umaa-approved-two-row .umaa-brand {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--archive-white) !important;
  text-decoration: none !important;
}

.umaa-approved-two-row .umaa-brand img {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 8px rgba(183,25,36,.2)) !important;
}

.umaa-approved-two-row .umaa-brand span {
  color: var(--archive-white) !important;
  font-size: clamp(.95rem,1vw,1.1rem) !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
}

.umaa-approved-two-row .umaa-approved-nav-link,
.umaa-approved-two-row .umaa-approved-action {
  min-height: 30px !important;
  padding: 6px 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  font-size: clamp(.66rem,.72vw,.8rem) !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.umaa-approved-two-row .umaa-approved-nav-link {
  color: rgba(245,247,249,.78) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
}

.umaa-approved-two-row .umaa-approved-nav-link:hover,
.umaa-approved-two-row .umaa-approved-nav-link:focus-visible,
.umaa-approved-two-row .umaa-approved-nav-link.active {
  color: #fff !important;
  border-bottom-color: var(--archive-red-bright) !important;
}

.umaa-approved-two-row .umaa-approved-action {
  min-height: 36px !important;
  max-width: none !important;
}

.umaa-approved-two-row .umaa-approved-join {
  color: #fff !important;
  background: var(--archive-red) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.28) !important;
}

.umaa-approved-two-row .umaa-approved-join:hover,
.umaa-approved-two-row .umaa-approved-join:focus-visible,
.umaa-approved-two-row .umaa-approved-join.active {
  background: var(--archive-red-bright) !important;
  border-color: rgba(255,255,255,.44) !important;
}

.umaa-approved-two-row .umaa-approved-member {
  color: var(--archive-white) !important;
  background: #0a0d10 !important;
  border: 1px solid var(--archive-line-strong) !important;
  box-shadow: inset 0 -2px 0 rgba(255,255,255,.08) !important;
}

.umaa-approved-two-row .umaa-approved-member:hover,
.umaa-approved-two-row .umaa-approved-member:focus-visible {
  color: #fff !important;
  border-color: rgba(255,255,255,.48) !important;
  background: #151a1f !important;
}

/* Main page keeps its centered pulsing patch and martial-artist imagery. */
.umaa-topbar:not(.umaa-approved-two-row) {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  align-items: center !important;
  justify-items: center !important;
}

.umaa-topbar:not(.umaa-approved-two-row) .umaa-nav {
  width: min(100%,1280px) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px 6px !important;
}

.umaa-topbar:not(.umaa-approved-two-row) .umaa-nav a,
.umaa-topbar:not(.umaa-approved-two-row) .umaa-join-button {
  min-height: 32px !important;
  padding: 7px 8px !important;
  flex: 0 1 auto !important;
  color: rgba(245,247,249,.8) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: clamp(.65rem,.71vw,.8rem) !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.umaa-topbar:not(.umaa-approved-two-row) .umaa-nav a:hover,
.umaa-topbar:not(.umaa-approved-two-row) .umaa-nav a:focus-visible {
  color: #fff !important;
  border-bottom-color: var(--archive-red-bright) !important;
}

.umaa-topbar:not(.umaa-approved-two-row) .umaa-portal-link,
.umaa-topbar:not(.umaa-approved-two-row) .umaa-member-portal-nav-link {
  color: #fff !important;
  background: #0a0d10 !important;
  border: 1px solid var(--archive-line-strong) !important;
}

.umaa-topbar:not(.umaa-approved-two-row) .umaa-join-button {
  color: #fff !important;
  background: var(--archive-red) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
}

/* Continuous page foundation */
body.umaa-site :where(.umaa-subpage,.umaa-home,main,section) { background-color: transparent !important; }
body.umaa-site .subpage-hero {
  width: min(100% - 32px,var(--archive-width)) !important;
  margin: 0 auto !important;
  padding: clamp(1.4rem,3vw,2.4rem) 0 clamp(1rem,2vw,1.5rem) !important;
  border-bottom: 1px solid var(--archive-line) !important;
  background: transparent !important;
}
body.umaa-site .subpage-kicker,
body.umaa-site :where(.section-kicker,.kicker,.guest-kicker,.eyebrow,.meta-label,.guest-eyebrow) {
  color: var(--archive-red-bright) !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
body.umaa-site .subpage-content,
body.umaa-site .clean-sections {
  width: min(100% - 32px,var(--archive-width)) !important;
  margin-inline: auto !important;
}

body.umaa-site :where(.history-panel,.archive-card,.resource-card,.school-card,.leader-card,.registry-card,.event-flyer-card,.umaa-d26a-card,.request-card,.application-card,.guest-card,.guest-notice-panel,.guest-entry-card) {
  background: linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%),var(--archive-panel) !important;
  border: 1px solid var(--archive-line) !important;
  border-radius: var(--archive-radius) !important;
  box-shadow: var(--archive-shadow) !important;
}

body.umaa-site :where(.btn,.button,button,input[type="submit"],.guest-sign-button,.join-button,.umaa-join-button,.guest-action-primary,.guest-wall-button) {
  border-radius: 0 !important;
}

body.umaa-site :where(input,textarea,select) {
  color: var(--archive-white) !important;
  background: #0b0e11 !important;
  border: 1px solid var(--archive-line-strong) !important;
  border-radius: var(--archive-radius) !important;
}

body.umaa-site :where(input:focus,textarea:focus,select:focus,a:focus-visible,button:focus-visible) {
  outline: 2px solid rgba(255,255,255,.86) !important;
  outline-offset: 3px !important;
}

/* Compact uniform public footer */
.umaa-site-signature {
  padding: 16px !important;
  margin: 0 !important;
  background: #050607 !important;
  border: 0 !important;
  border-top: 1px solid var(--archive-line) !important;
  text-align: center !important;
}
.umaa-site-signature p {
  margin: 0 !important;
  color: var(--archive-muted) !important;
  font-size: .82rem !important;
  line-height: 1.5 !important;
}

/* Guest Wall: neutral dojo hero, memories immediately below, scalable archive cards. */
body.umaa-site.guest-wall-final-page,
body.umaa-site.umaa-guestwall-final-wallpaper { background: #050607 !important; }

body.umaa-site.guest-wall-final-page .umaa-guestwall-hero-exact-bg,
body.umaa-site.guest-wall-final-page .guest-wall-hero-live {
  margin: 0 !important;
  background-color: #07090b !important;
  background-image:
    linear-gradient(90deg,rgba(5,6,7,.94) 0%,rgba(5,6,7,.74) 48%,rgba(5,6,7,.48) 100%),
    url("../assets/guest-wall/guest-wall-hero-bg.webp") !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-bottom: 1px solid var(--archive-line) !important;
}
body.umaa-site.guest-wall-final-page .guest-wall-hero-art,
body.umaa-site.guest-wall-final-page .guest-wall-hero-seal { display: none !important; }
body.umaa-site.guest-wall-final-page .guest-wall-hero-content {
  width: min(100% - 32px,var(--archive-width)) !important;
  min-height: clamp(300px,39vw,480px) !important;
  margin: 0 auto !important;
  padding: clamp(2rem,5vw,4rem) 0 !important;
  display: flex !important;
  align-items: center !important;
}
body.umaa-site.guest-wall-final-page .guest-wall-hero-left { max-width: 720px !important; }
body.umaa-site.guest-wall-final-page .guest-title-rule,
body.umaa-site.guest-wall-final-page .guest-heading-line {
  background: var(--archive-red) !important;
  border-color: var(--archive-red) !important;
}
body.umaa-site.guest-wall-final-page .guest-wall-story-section {
  margin: 0 !important;
  padding: clamp(1.2rem,2.4vw,2rem) 0 clamp(1.6rem,3vw,2.6rem) !important;
  background: #050607 !important;
  border: 0 !important;
}
body.umaa-site.guest-wall-final-page .guest-story-heading {
  width: min(100% - 32px,var(--archive-width)) !important;
  margin: 0 auto clamp(1rem,2vw,1.5rem) !important;
  display: grid !important;
  grid-template-columns: minmax(20px,1fr) minmax(0,760px) minmax(20px,1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  text-align: center !important;
}
body.umaa-site.guest-wall-final-page .guest-story-heading p {
  margin: 0 0 .35rem !important;
  color: var(--archive-red-bright) !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
body.umaa-site.guest-wall-final-page .guest-story-heading h2 { margin: 0 !important; }
body.umaa-site.guest-wall-final-page .guest-live-entry-grid {
  width: min(100% - 32px,var(--archive-width)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)) !important;
  gap: clamp(1rem,2vw,1.4rem) !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-card {
  min-height: 100% !important;
  padding: clamp(1.1rem,2vw,1.55rem) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .9rem !important;
  background-image: none !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-story {
  order: 1 !important;
  margin: 0 !important;
  color: rgba(245,247,249,.94) !important;
  font-size: clamp(.98rem,1.15vw,1.08rem) !important;
  line-height: 1.65 !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-person {
  order: 2 !important;
  padding-top: .9rem !important;
  border-top: 1px solid var(--archive-line) !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-signature-image {
  display: block !important;
  width: min(250px,78%) !important;
  max-height: 86px !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: brightness(0) saturate(100%) invert(84%) sepia(56%) saturate(795%) hue-rotate(355deg) brightness(104%) contrast(103%) drop-shadow(0 0 10px rgba(255,212,95,.2)) !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-signature-name {
  display: block !important;
  color: var(--archive-signature-gold) !important;
  font-family: "Brush Script MT","Segoe Script","Lucida Handwriting",cursive !important;
  font-size: clamp(1.55rem,2.4vw,2.35rem) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.08 !important;
  text-shadow: 0 0 14px rgba(255,212,95,.2) !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-name {
  display: block !important;
  margin-top: .3rem !important;
  color: var(--archive-white) !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-role,
body.umaa-site.guest-wall-final-page .guest-entry-record {
  display: block !important;
  margin-top: .28rem !important;
  color: rgba(245,247,249,.62) !important;
  font-size: .75rem !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-media {
  order: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 8px !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-media a {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--archive-white) !important;
  background: #0b0e11 !important;
  border: 1px solid var(--archive-line) !important;
  text-decoration: none !important;
  font-size: .75rem !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
body.umaa-site.guest-wall-final-page .guest-entry-media img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  display: block !important;
}
body.umaa-site .umaa-national-archive-share {
  width: min(100% - 32px,var(--archive-width)) !important;
  margin: 1.75rem auto 2.5rem !important;
  padding: clamp(1.1rem,2vw,1.5rem) !important;
  background: var(--archive-panel) !important;
  border: 1px solid var(--archive-line) !important;
  border-left: 4px solid var(--archive-red) !important;
  border-radius: var(--archive-radius) !important;
}
body.umaa-site .guest-wall-pagination {
  width: min(100% - 32px,var(--archive-width)) !important;
  margin: 1.35rem auto 0 !important;
  display: flex !important;
  justify-content: center !important;
}
.guest-wall-load-more {
  min-height: 40px !important;
  padding: 0 1rem !important;
  color: var(--archive-white) !important;
  background: #111417 !important;
  border: 1px solid var(--archive-line-strong) !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* Guest Book intake uses the same enterprise system. */
body.umaa-site .guest-notice-panel,
body.umaa-site .guest-card { border-color: var(--archive-line) !important; }
body.umaa-site .guest-step strong { background: var(--archive-red) !important; color: #fff !important; }
body.umaa-site .signature-section canvas {
  border-color: var(--archive-line-strong) !important;
  background: #f7f7f4 !important;
}
body.umaa-site .guest-submit-btn,
body.umaa-site .guest-action-primary,
body.umaa-site .guest-wall-button { background: var(--archive-red) !important; color: #fff !important; }

@media (max-width: 980px) {
  .umaa-approved-two-row .umaa-approved-header-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    grid-template-rows: auto !important;
    gap: 6px !important;
  }
  .umaa-approved-two-row .umaa-brand {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-content: center !important;
    padding-bottom: 4px !important;
  }
  .umaa-approved-two-row .umaa-approved-nav-link,
  .umaa-approved-two-row .umaa-approved-action {
    grid-column: auto !important;
    grid-row: auto !important;
    white-space: normal !important;
  }
  .umaa-topbar:not(.umaa-approved-two-row) .umaa-nav {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: thin !important;
  }
  .umaa-topbar:not(.umaa-approved-two-row) .umaa-nav a,
  .umaa-topbar:not(.umaa-approved-two-row) .umaa-join-button { flex: 0 0 auto !important; }
}

@media (max-width: 640px) {
  .umaa-topbar,
  .umaa-topbar.umaa-approved-two-row { padding: 8px !important; }
  .umaa-approved-two-row .umaa-approved-header-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .umaa-approved-two-row .umaa-approved-nav-link,
  .umaa-approved-two-row .umaa-approved-action { min-height: 34px !important; font-size: .68rem !important; }
  body.umaa-site.guest-wall-final-page .guest-story-heading { grid-template-columns: 1fr !important; }
  body.umaa-site.guest-wall-final-page .guest-heading-line { display: none !important; }
  body.umaa-site.guest-wall-final-page .guest-entry-media { grid-template-columns: 1fr !important; }
}