/*
 * ownCloud supplemental branding on top of the stock Antora default UI.
 * Kept intentionally small: brand palette + logo sizing + Pagefind modal theme.
 */

:root {
  /* ownCloud brand palette */
  --oc-navy: #041e42;       /* primary brand navy (navbar, footer, headings) */
  --oc-navy-deep: #052550;  /* darker navy for hover/focus surfaces */
  --oc-teal: #06e3bd;       /* signature mint/teal accent */
  --oc-orange: #e56f35;     /* secondary accent */
  --oc-amber: #f4b223;      /* secondary accent / highlights */
  --oc-link: #4e85c8;       /* corporate link blue */
  --oc-link-hover: #364b68; /* corporate link blue, hover */

  /* map the brand palette onto the stock default UI custom properties */
  --color-brand: var(--oc-navy);
  --navbar-background: var(--oc-navy);
  --link-color: var(--oc-link);
  --link-color-hover: var(--oc-link-hover);

  /* Pagefind Component UI theming — the modal/trigger web components reset
     inherited styles (all: initial) and read only their own --pf-* custom
     properties, so brand overrides must live on :root.
     See https://pagefind.app/docs/components/ for the full variable list. */
  --pf-font: var(--body-font-family, inherit);
  --pf-text: #19191c;
  --pf-background: #fff;
  --pf-border: #dbdbdb;
  --pf-border-focus: var(--oc-link);
  --pf-border-radius: 0.15rem;
  --pf-hover: #f0f0f0;
  --pf-mark: var(--oc-teal);
}

/* ownCloud navbar is brand navy */
.navbar {
  background-color: var(--oc-navy);
}

.navbar-logo-img {
  height: 1.75rem;
  max-height: none;
}

.navbar .navbar-item,
.navbar .navbar-link {
  color: #fff;
}

.navbar .navbar-item:hover,
.navbar .navbar-link:hover {
  background-color: var(--oc-navy-deep);
  color: #fff;
}

/* let the Pagefind trigger sit comfortably in the navbar */
.navbar-item.search {
  display: flex;
  align-items: center;
}

/* Site title in the top bar, next to the logo (matches doc.owncloud.com).
   The stock default UI has no .navbar-title rule, so define it here. */
.navbar-title {
  color: #fff;
  font-size: 0.88889rem;
  line-height: 1.2;
  padding-left: 0.75rem;
  border-left: 1px solid hsla(0, 0%, 100%, 0.35);
}

/* Hide the title on narrow screens so it never crowds the logo/search. */
@media screen and (max-width: 768.5px) {
  .navbar-brand .navbar-logo .navbar-title {
    display: none;
  }
}

/* Branded footer (partials/footer.hbs), mirroring doc.owncloud.com.
   Navy surface with three link columns + centered logo and copyright.
   Selectors are qualified as `footer.footer` to match the stock UI's own
   `footer.footer` specificity (0,1,1) and win on load order (owncloud.css
   loads after site.css); a plain `.footer` (0,1,0) would lose the cascade. */
footer.footer {
  background-color: var(--oc-navy);
  color: #8e8e8e;
  padding: 0.5rem 1rem;
  font-size: 0.83333rem;
  line-height: 1.6;
  border-top: 0;
}

footer.footer .container {
  max-width: var(--container-max-width, 1152px);
  margin: 0 auto;
}

footer.footer p {
  margin: 0.5rem 0;
}

footer.footer a {
  color: #aaa;
}

footer.footer .footer-logo {
  text-align: center;
  margin: 1rem 0 0.5rem;
}

footer.footer .footer-logo img {
  height: 2rem;
  width: auto;
}

.row-full {
  width: 100%;
  clear: both;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.row-full div.col-third {
  flex: auto;
  text-align: left;
}

.footer-nav h4 {
  color: #fff;
  font-weight: 400;
  margin: 20px;
}

.footer-nav ul {
  list-style: none;
  margin: 0 20px;
  padding: 0;
}

.footer-nav ul li a {
  color: #aaa;
}