/* DeinPDF shared UI tweaks (loaded after Bootstrap). */

.brand-logo { height: 60px; width: auto; }

/* Let navbars wrap instead of overflowing on narrow screens. */
.navbar > .container {
  flex-wrap: wrap;
  row-gap: .4rem;
  column-gap: .5rem;
}

/* Phones */
@media (max-width: 575.98px) {
  .brand-logo { height: 40px; }
  .navbar .btn { padding: .25rem .5rem; font-size: .85rem; }
  /* keep the brand on its own line, actions below, both readable */
  .navbar > .container { justify-content: center; text-align: center; }
}

/* Hero headline: a touch smaller on phones so it doesn't overflow. */
@media (max-width: 575.98px) {
  .display-5 { font-size: 1.9rem; }
}