/* Small layer on top of the Bulmaswatch "Litera" theme (Bulma 0.8.0).
   Bulma styles everything; these rules cover the few gaps + a little polish. */

/* Stacked cards/boxes need vertical rhythm (Bulma 0.8.0 has no spacing helpers).
   Day blocks on the trip page are .card — give them extra separation. */
.card {
  margin-bottom: 2.5rem;
}
.box {
  margin-bottom: 1.5rem;
}

/* Softer, rounded cards (Litera cards are flat); clip banner corners to the radius. */
.card {
  border-radius: 10px;
  overflow: hidden;
}

/* Sticky, content-width top bar + breathing room so the logo isn't flush-left. */
.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
}
.navbar-brand {
  padding-left: 0.75rem;
}

/* Card banner images: one consistent wide, cropped strip.
   Higher specificity than Bulma's `.image img` so the crop actually wins
   (this was the cause of the huge / uneven side-by-side images). */
.card-image .image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* Inline photos inside a card: rounded + height-capped so portraits don't blow up. */
.card-content figure.image img {
  width: 100%;
  max-height: 320px;
  object-fit: cover;
  border-radius: 8px;
}