/* ONGIT v7.2 — precision-only visual patch over v7.1. ONHOST brand V2.
   DO NOT hide Forgejo native #navbar or repository contextual navigation. */

/* Prevent a duplicated landing-page navbar from consuming vertical space.
   JS marks only a positively identified custom LANDING navigation on '/'. */
html.ongit-v72-home .ongit-v72-duplicate-nav {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Native Forgejo navbar: coherent single horizontal line, no overlay. */
#navbar { position: relative; z-index: 55; }
#navbar > .container, #navbar .navbar, #navbar .navbar-left, #navbar .navbar-right {
  min-height: 56px;
  align-items: center;
}
#navbar .item { line-height: 1.25; }
#navbar :is(a.brand, a.item.brand, a.logo, a.ongit-brand-wordmark, a.ongit-v72-main-logo) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  gap: 5px;
  flex-shrink: 0;
  text-decoration: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: background-color .16s ease, box-shadow .16s ease !important;
}
#navbar :is(a.brand, a.item.brand, a.logo, a.ongit-brand-wordmark, a.ongit-v72-main-logo):hover,
#navbar :is(a.brand, a.item.brand, a.logo, a.ongit-brand-wordmark, a.ongit-v72-main-logo):focus-visible {
  background: transparent !important;
  color: inherit !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;
}
#navbar :is(a.brand, a.item.brand, a.logo, a.ongit-v72-main-logo) :is(svg,img),
#navbar a.ongit-brand-wordmark img {
  display: block;
  height: 29px;
  width: auto;
  max-height: 29px;
  object-fit: contain;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}
#navbar :is(a.brand, a.item.brand, a.logo, a.ongit-v72-main-logo):hover :is(svg,img) { filter:none!important; opacity:1!important; transform:none!important; }
#navbar .dropdown.item > .menu { z-index: 500; max-width: min(430px, calc(100vw - 16px)); }
#navbar .right.menu { margin-left: auto !important; align-items: center; }
#navbar #ongit-theme-trigger { white-space:nowrap; }

/* Public landing, limited ONLY to the identified first-screen section. */
html.ongit-v72-home .ongit-v72-hero {
  box-sizing: border-box;
  max-width: 100%;
  padding-block: clamp(44px, 7vh, 94px) clamp(52px, 8vh, 110px) !important;
}
html.ongit-v72-home .ongit-v72-hero > :is(.container,.wrap,.hero-inner,.hero-content,.hero-grid),
html.ongit-v72-home .ongit-v72-hero :is(.hero-container,.hero-inner,.hero-grid) {
  box-sizing: border-box;
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding-inline: clamp(18px, 3.5vw, 48px) !important;
}
html.ongit-v72-home .ongit-v72-hero-title {
  font-size: clamp(42px, 5.2vw, 78px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.052em !important;
  text-wrap: balance;
  margin-block: 0 clamp(18px, 2.6vw, 26px) !important;
}
html.ongit-v72-home .ongit-v72-hero-copy {
  max-width: 57ch !important;
  line-height: 1.65 !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
  margin-block: 0 clamp(20px, 2.7vw, 28px) !important;
  text-wrap: pretty;
}
html.ongit-v72-home .ongit-v72-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border-radius: 9px;
  padding: 11px 19px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  white-space: normal;
  text-decoration: none !important;
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
}
html.ongit-v72-home .ongit-v72-hero-cta:hover { transform: translateY(-1px); filter:brightness(1.07); }
html.ongit-v72-home .ongit-v72-hero-cta:focus-visible { outline: 2px solid var(--og-accent,#E91E7A);outline-offset:3px; }

/* Avoid logo and menu collisions on narrower screens. */
@media(max-width: 980px) {
  #navbar .item { padding-inline: 10px; }
  html.ongit-v72-home .ongit-v72-hero {padding-block: 54px 64px !important;}
}
@media(max-width: 680px) {
  html.ongit-v72-home .ongit-v72-hero-title {font-size:clamp(39px, 10vw, 57px) !important;letter-spacing:-.042em!important;}
  html.ongit-v72-home .ongit-v72-hero-copy {font-size:15px!important;line-height:1.6!important;}
  html.ongit-v72-home .ongit-v72-hero-cta {width:100%;}
  #navbar .right.menu {flex-shrink:0;}
  #navbar #ongit-theme-trigger {padding:8px;}
}
@media(prefers-reduced-motion:reduce) {html.ongit-v72-home .ongit-v72-hero-cta {transition:none!important;transform:none!important;}}
/* A subtle but intentional logo hover state: pink underline instead of fading logo. */
#navbar a.ongit-v72-main-logo:hover,
#navbar a.ongit-v72-main-logo:focus-visible {
  box-shadow: inset 0 -2px 0 var(--og-accent, #E91E7A) !important;
}
/* Preserve readable typography on landing when a user selects a light palette. */
html.ongit-v72-home[data-og-palette="light"] .ongit-v72-hero {
  background: radial-gradient(ellipse at 20% 20%, #f3e8ff 0%, #fafbff 60%, #f5f7fb 100%) !important;
  color: #20252d !important;
}
html.ongit-v72-home[data-og-palette="light"] .ongit-v72-hero :is(h1,p) { color:#20252d; }
html.ongit-v72-home[data-og-palette="light"] .ongit-v72-hero .ongit-v72-hero-copy {color:#525a67!important;}
html.ongit-v72-home[data-og-palette="grey"] .ongit-v72-hero {
  background: radial-gradient(ellipse at 18% 26%, #3a3245 0%, #202228 68%) !important;
  color: #f0f2f5;
}
html.ongit-v72-home[data-og-palette="vscode"] .ongit-v72-hero {
  background: linear-gradient(120deg,#252526 0%,#1e1e1e 70%) !important;
  color: #d4d4d4;
}