/* ==========================================================
   Please & Thank You - Gitea Landing Page Theme
   Classic palette from osnty
   ========================================================== */

/* --- Navbar (top bar) --- */
nav#navbar {
  background: rgb(82, 38, 32) !important;
  border-bottom: 1px solid rgb(100, 38, 28) !important;
}

nav#navbar .item,
nav#navbar a {
  color: rgb(244, 247, 237) !important;
}

nav#navbar .item:hover {
  background: rgba(244, 247, 237, 0.1) !important;
}

/* --- Footer (bottom bar) --- */
footer.page-footer {
  background: rgb(82, 38, 32) !important;
  border-top: 1px solid rgb(100, 38, 28) !important;
}

footer.page-footer,
footer.page-footer a,
footer.page-footer .item {
  color: rgba(244, 247, 237, 0.7) !important;
}

footer.page-footer a:hover {
  color: rgb(244, 247, 237) !important;
}

/* --- Layout: body is flex so footer stays on screen ---
     Structure is: body > .full.height(nav + content) + footer
     Footer is a SIBLING of .full.height, not inside it
     Only apply red bg when .page-content.home is present --- */
body:has(.page-content.home) {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  background: rgb(187, 77, 56) !important;
}

body:has(.page-content.home) > .full.height {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  background: rgb(187, 77, 56) !important;
}

/* --- Landing page splash area --- */
.page-content.home {
  background: rgb(187, 77, 56) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 2rem;
}

.hero-splash {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 700px;
}

.splash-logo {
  width: 100%;
  height: auto;
}