/* 3.0.0 guest booking page: calm, printable, readable on a phone. */
.ov-guest { max-width: 760px; margin: 2.5rem auto 4rem; color: #22302a; font-size: 1rem; line-height: 1.55; }
.ov-guest h1 { font-size: clamp(1.6rem, 4vw, 2.3rem); line-height: 1.2; margin: 0.3rem 0 0.6rem; text-wrap: balance; }
.ov-guest h2 { font-size: 1.15rem; margin: 0 0 0.9rem; }
.ov-guest h3 { font-size: 1rem; margin: 1.2rem 0 0.5rem; }
.ov-guest-eyebrow { margin: 0; font-size: 0.85rem; letter-spacing: 0.06em; text-transform: uppercase; color: #6b6a60; }
.ov-guest-eyebrow a { color: inherit; }
.ov-guest-hello { margin: 0 0 0.6rem; font-size: 1.05rem; }
.ov-guest-status { display: inline-block; margin: 0.2rem 0 0; padding: 0.3rem 0.8rem; border-radius: 999px; font-weight: 600; font-size: 0.95rem; background: #f3efe6; color: #5a4a1e; }
.ov-guest-status-paid { background: #e3f1e6; color: #1f5d36; }
.ov-guest-status-deposit { background: #e2f0ef; color: #1d5552; }
.ov-guest-status-await { background: #fbf1dc; color: #7a5300; }
.ov-guest-status-off { background: #efeeea; color: #5f5d56; }
.ov-guest-head { margin-bottom: 1.5rem; }
.ov-guest-card { background: #fff; border: 1px solid #e6e1d6; padding: 1.4rem 1.5rem; margin: 0 0 1.25rem; }
.ov-guest-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0.9rem 1.5rem; margin: 0; }
.ov-guest-facts dt { font-size: 0.8rem; color: #6b6a60; }
.ov-guest-facts dd { margin: 0.1rem 0 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.ov-guest-lines { list-style: none; margin: 0; padding: 0; }
.ov-guest-lines li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.55rem 0; border-bottom: 1px solid #efebe2; }
.ov-guest-lines li strong { white-space: nowrap; font-variant-numeric: tabular-nums; }
.ov-guest-lines li.is-total { border-bottom: 0; border-top: 2px solid #22302a; margin-top: 0.2rem; font-size: 1.05rem; }
.ov-guest-promo { margin: 0 0 0.6rem; color: #1f5d36; }
.ov-guest-btn { display: inline-block; margin-top: 1rem; padding: 0.8rem 1.6rem; background: #1f3d2b; color: #fff; text-decoration: none; font-weight: 600; }
.ov-guest-btn:hover, .ov-guest-btn:focus-visible { background: #16301f; color: #fff; }
.ov-guest-foot { margin-top: 1.5rem; color: #4a4d45; }
.ov-guest-foot p { margin: 0 0 0.6rem; }
.ov-guest-print { background: none; border: 1px solid #b9b3a6; padding: 0.5rem 1rem; cursor: pointer; font: inherit; }
.ov-guest-note { font-size: 0.85rem; color: #6b6a60; }
.ov-guest-missing { text-align: center; }
.ov-guest :focus-visible { outline: 2px solid #1f3d2b; outline-offset: 2px; }
@media (max-width: 600px) { .ov-guest { margin: 1.5rem auto 3rem; } .ov-guest-card { padding: 1.1rem 1rem; } }
@media print { .ov-guest-btn, .ov-guest-print, .ov-guest-eyebrow a { display: none; } .ov-guest-card { border-color: #999; break-inside: avoid; } }
/* 3.1.0 "My bookings": email form and list of stays. */
.ov-guest .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.ov-guest-form { display: grid; gap: 0.5rem; max-width: 420px; margin-top: 1rem; }
.ov-guest-form label { font-weight: 600; font-size: 0.95rem; }
.ov-guest-form input[type="email"] { font: inherit; padding: 0.75rem 0.9rem; border: 1px solid #b9b3a6; background: #fff; color: #22302a; border-radius: 0; width: 100%; box-sizing: border-box; }
.ov-guest-form input[aria-invalid="true"] { border-color: #a3322a; }
.ov-guest-form .ov-guest-btn { border: 0; cursor: pointer; font: inherit; font-weight: 600; justify-self: start; margin-top: 0.5rem; }
.ov-guest-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ov-guest-error { margin: 0; color: #a3322a; font-size: 0.9rem; }
.ov-guest-alert { padding: 0.7rem 0.9rem; background: #fbf1dc; color: #6a4800; margin: 0 0 1rem; }
.ov-guest-group { margin: 0 0 1.75rem; }
.ov-guest-trips { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.ov-guest-trip { display: flex; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; background: #fff; border: 1px solid #e6e1d6; padding: 1.1rem 1.4rem; }
.ov-guest-trip h3 { margin: 0 0 0.2rem; font-size: 1.05rem; }
.ov-guest-trip-dates { margin: 0 0 0.5rem; font-variant-numeric: tabular-nums; }
.ov-guest-trip-meta { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.9rem; }
.ov-guest-trip-meta .ov-guest-status { margin: 0; font-size: 0.85rem; padding: 0.2rem 0.7rem; }
.ov-guest-trip-money { color: #4a4d45; font-variant-numeric: tabular-nums; }
.ov-guest-trip-link { white-space: nowrap; font-weight: 600; color: #1f3d2b; padding: 0.5rem 0; }
@media (max-width: 600px) { .ov-guest-trip { flex-direction: column; align-items: flex-start; padding: 1rem; } }
/* 3.3.0 [ov_my_bookings] inside a page: no page margins of its own. */
.ov-guest.ov-guest-embedded { margin: 1.25rem 0 0; max-width: 760px; }
.ov-guest-embedded .ov-guest-card p { margin: 0 0 0.8rem; }
.ov-guest-embedded .ov-guest-card p:last-child { margin-bottom: 0; }
.ov-guest-embedded .ov-guest-card a:not(.ov-guest-btn) { color: #1f3d2b; text-decoration: underline; text-underline-offset: 2px; }
