/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

/* ---------- Site name beside the header logo ---------- */

/* `.navbar-brand` already sets the display font, weight and `gap: 0.625rem`,
 * so the text mostly inherits correctly. These rules just stop it wrapping
 * and drop it on small screens where the header gets tight. */
.navbar-brand-text {
  white-space: nowrap;
}

@media (max-width: 720px) {
  .navbar-brand-text {
    display: none;
  }
}

/* ---------- Homepage hero height ---------- */

/* Fills most of the viewport so the farm photo leads the page.
 *
 * Note the theme's `.hero.hero-medium` preset already sets 48vh, but clamps it
 * to a 27rem (432px) ceiling — on a 900px-tall window that ceiling lands at
 * ~48% of the viewport, so a 50dvh override barely changed anything. Going
 * higher is what actually makes a visible difference.
 *
 * 70dvh leaves room under the fold to hint that there is more page below. */
section.modular-hero.hero-medium {
  min-height: 70dvh;
}

/* ---------- EU funding notice (Novinky page header) ---------- */

/* Row of funding logos with the required caption beneath. The logos are
 * fixed-height with `object-fit: contain`, so their differing aspect ratios
 * still line up on a shared baseline. */
.eu-funding {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1.75rem 0 2.5rem;
}

/* Page body content sits below the blog grid (see blog.html.twig), so give it
 * some breathing room from the cards above. */
.blog-page-outro {
  margin-top: 2.5rem;
}

/* ---------- Google map on the Kontakt page ---------- */

/* Responsive 16:9 box — the iframe fills it, so the map keeps its proportions
 * at any width instead of needing a fixed pixel height. */
.contact-map {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top: 1.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid var(--q2-border-strong);
}

.contact-map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 720px) {
  .contact-map {
    aspect-ratio: 4 / 3;
  }
}

.eu-funding-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.eu-funding-logos img {
  height: 288px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.eu-funding p {
  margin: 0;
  color: var(--q2-text-muted);
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 720px) {
  .eu-funding-logos img {
    height: 198px;
  }
}