/* Minimal Rosmanka start page. Linked with a versioned URL in custom/header.tmpl. */
.home.rosmanka-home-minimal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  text-align: center;
}

/* Brand lockup: ROSMANKA | arkGit */
.rosmanka-brandpair {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  margin: 0 0 52px;
}

.rosmanka-brandpair > .brand-mark {
  display: block;
  width: auto;
  height: 46px;
}

/* The arkGit wordmark is cropped tight, so it needs a smaller box to match the
   Rosmanka lockup optically (whose subtitle bar consumes part of its height). */
.rosmanka-brandpair > .brand-mark--arkgit {
  height: 38px;
}

.rosmanka-brandpair > .brand-divider {
  flex: none;
  width: 1px;
  min-height: 38px;
  max-height: 38px;
  background-color: currentColor;
  opacity: 0.22;
}

/* The wordmark replaces the large heading; keep the page title for assistive tech. */
.rosmanka-home-minimal > .rosmanka-home-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Theme-aware marks: only one variant of each brand is in the accessibility tree. */
.brand-mark--light {
  display: none !important;
}

html[data-theme="gitea-light"] .brand-mark--dark {
  display: none !important;
}

html[data-theme="gitea-light"] .brand-mark--light {
  display: block !important;
}

@media (prefers-color-scheme: light) {
  html[data-theme="gitea-auto"] .brand-mark--dark {
    display: none !important;
  }
  html[data-theme="gitea-auto"] .brand-mark--light {
    display: block !important;
  }
}

.rosmanka-home-minimal > .rosmanka-signature {
  margin: 30px 0 0;
  color: var(--color-text-light-2);
  font-family: var(--fonts-monospace);
  font-size: 13px;
  letter-spacing: 0.26em;
}

.rosmanka-home-minimal > .rosmanka-home-guide {
  max-width: 100%;
  margin: 20px 0 0;
  color: var(--color-text-light-2);
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.03em;
}

@media (max-width: 768px) {
  .home.rosmanka-home-minimal {
    padding: 48px 20px;
  }
  .rosmanka-brandpair {
    gap: 22px;
    margin-bottom: 40px;
  }
  .rosmanka-brandpair > .brand-mark {
    height: 32px;
  }
  .rosmanka-brandpair > .brand-mark--arkgit {
    height: 26px;
  }
  .rosmanka-brandpair > .brand-divider {
    min-height: 26px;
    max-height: 26px;
  }
  .rosmanka-home-minimal > .rosmanka-signature {
    margin-top: 24px;
    font-size: 12px;
    letter-spacing: 0.2em;
  }
}

@media (max-width: 420px) {
  .rosmanka-brandpair {
    gap: 16px;
  }
  .rosmanka-brandpair > .brand-mark {
    height: 26px;
  }
  .rosmanka-brandpair > .brand-mark--arkgit {
    height: 21px;
  }
  .rosmanka-brandpair > .brand-divider {
    min-height: 21px;
    max-height: 21px;
  }
}