/* ==========================================================================
   Bestellen (/order) – seitenspezifisch. Aufbau, Karte, Felder & Typo aus
   pages.css; hier nur die einspaltige Karte + kurze Einleitung über dem Formular.
   ========================================================================== */
/* Einspaltiges Layout (ohne Seitenleiste): zentrierte, begrenzte Bestellkarte. */
.ord-panel { max-width: 44rem; margin-inline: auto; }

/* Kleiner Marken-Banner über dem Formular: Vorzüge auf Gold (wie /spenden). */
.ord-banner {
    margin-bottom: clamp(1.3rem, 3vw, 1.8rem);
    padding: .8rem 1.1rem;
    border-radius: 14px;
    background: var(--gold);
    color: #fff;
}
.ord-banner__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; }
.ord-banner__list li { display: inline-flex; align-items: center; gap: .5rem; font-weight: 600; font-size: .95rem; }
.ord-banner__check {
    display: grid; place-items: center; flex: none;
    width: 1.35rem; height: 1.35rem; border-radius: 50%;
    background: #fff; color: var(--gold);
}
.ord-banner__check svg { width: .8rem; height: .8rem; }

.ord-form__title { margin-bottom: .4rem; }

/* Adresse: Straße breit, Hausnummer schmal – mobil gestapelt. */
.ord-row-street { grid-template-columns: 1fr .5fr; }
@media (max-width: 720px) { .ord-row-street { grid-template-columns: minmax(0, 1fr); } }

/* Hinweis auf die Partner-Seite für Mehrfachbestellungen. */
.ord-partner { margin-top: .85rem; text-align: center; }
.ord-partner a { color: var(--gold); font-weight: 600; text-decoration: none; }
.ord-partner a:hover { text-decoration: underline; }

/* ---- Konto-Bereich: Anmelde-Aufforderung + Bestellbestätigung ---------- */
.ord-login, .ord-success {
    display: grid;
    justify-items: center;
    gap: .7rem;
    text-align: center;
    padding: clamp(.5rem, 2vw, 1.25rem) 0;
}
.ord-login__ic, .ord-success__ic {
    display: grid; place-items: center;
    width: 3.2rem; height: 3.2rem;
    border-radius: 50%;
    margin-bottom: .2rem;
}
.ord-login__ic { background: color-mix(in srgb, var(--secondary) 12%, var(--surface-mix)); color: var(--secondary); }
.ord-login__ic svg { width: 1.45rem; height: 1.45rem; }
.ord-success__ic { background: color-mix(in srgb, var(--gold) 16%, var(--surface-mix)); color: var(--gold); }
.ord-success__ic svg { width: 1.5rem; height: 1.5rem; }
.ord-login__title, .ord-success__title { margin: 0; }
.ord-login .pcta, .ord-success .pcta { margin-top: .5rem; }
.ord-login__alt { margin: .2rem 0 0; color: var(--text-muted); font-size: .95rem; }
.ord-login__alt a { color: var(--gold); font-weight: 600; text-decoration: none; }
.ord-login__alt a:hover { text-decoration: underline; }