/* Courier registration — reuses restaurant.css's signup-hero/register-card
   layout wholesale (same visual language as "Werde Partner"), just swaps
   the hero photo for the courier one already used on the homepage's
   courier-hero section, instead of the restaurant-bar photo. */
.signup-hero {
  background:
    linear-gradient(180deg, rgba(8, 8, 8, 0.74) 0%, rgba(8, 8, 8, 0.52) 55%, rgba(8, 8, 8, 0.32) 100%),
    url('/public/images/courier-city.jpg')
      center / cover no-repeat;
}

/* restaurant.css's .hero-start-form only ever has <input> fields (name,
   address) -- the courier version of this card has a <select> instead
   (country), which otherwise falls back to the unstyled browser default
   and looks out of place next to that same card's styling. Same look as
   its text inputs. */
.hero-start-form select {
  width: 100%;
  font-family: inherit;
  font-size: 0.95rem;
  padding: 0.8rem 1rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  color: var(--ink);
}
.hero-start-form select:focus {
  outline: none;
  border-color: var(--accent);
  background: #fff;
}

/* Front/back document uploads stacked, not side by side -- a native
   file input's own "Choose File / filename" rendering doesn't shrink
   well into a half-width grid column (restaurant.css's .form-row-split
   is built for text inputs) and visually overflowed the card. Each
   side gets the same vertical rhythm as an ordinary .form-row. */
.document-upload-sides {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.document-upload-sides > div {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}