/*
 * Account
 * Customer account pages (sign in, register, my bookings).
 */

/* Customer accounts */
.auth-page { max-width: 520px; margin-inline: auto; }
.auth-links { margin-top: 1.25rem; font-size: .9rem; color: var(--color-text-muted); }
.auth-links a { color: var(--blue); text-decoration: underline; }
.account-menu { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin: -.5rem 0 1.5rem; padding-bottom: .75rem; border-bottom: 1px solid var(--color-border); }
.account-menu a, .link-button { padding: 0; border: 0; background: none; font: inherit; font-weight: 600; color: var(--gray-700); cursor: pointer; text-decoration: none; }
.account-menu a.is-active { color: var(--blue); }
.link-button { color: var(--blue); text-decoration: underline; font-weight: 400; }
.account-bookings { display: grid; gap: .6rem; }
.account-booking { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border: 1px solid var(--color-border); border-radius: var(--radius); color: inherit; text-decoration: none; background: var(--color-surface); }
.account-booking:hover { border-color: var(--gray-300); background: var(--color-surface-alt); }
.account-booking span { display: grid; gap: .15rem; }
.account-booking small { color: var(--color-text-muted); }
.account-booking-side { text-align: right; }
.account-bookings + .account-bookings, .checkout + .checkout, .results-notice + .checkout { margin-top: 1.25rem; }
.header-account { display: inline-flex; align-items: center; gap: .35rem; font-weight: 600; color: var(--color-text); text-decoration: none; }
.checkout-grid-fields[hidden] { display: none; }