/* Only what is NEW in the rebuild. Everything else is the original theme in app.css. */

/* Flash messages (old site had none) – fixed under the header so they are never hidden by it */
.flash{position:fixed;top:150px;left:50%;transform:translateX(-50%);z-index:1100;max-width:90%;padding:.8rem 1.5rem;border-radius:3px;font-size:.95rem;box-shadow:0 2px 12px rgba(0,0,0,.2);background:#fff;color:#133245}
.flash--success{background:#e4f3e6;color:#1f5a2a}.flash--error,.flash--danger{background:#fbe5e6;color:#8c1620}

/* Cookie banner – same colours as the old cookieconsent2 palette */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:1600;display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:center;padding:1rem 1.5rem;background:#252e39;color:#fff;font-size:.9rem}
.consent[hidden]{display:none}
.consent a{color:#fff;text-decoration:underline}
.consent button{margin:0;border:2px solid #14a7d0;border-radius:3px;background:transparent;color:#fff;padding:.4rem 1.2rem;cursor:pointer;font:inherit}
.consent button[data-consent=granted]{background:#14a7d0}

/* Booking-form status messages (the old JS injected h2.sending / h2.sent) */
section.booking h2.hide{display:none}

/* Pay button on the booking-confirm page: a <button> (POST + CSRF) styled exactly like the old "a#payment" link */
section.book-confirm div.row form.pay-form{margin:0}
section.book-confirm div.row button#payment{background:#fff;color:#133245;border:2px solid #fff;border-radius:3px;font-size:1.4rem;width:46%!important;min-width:0!important;padding:0;line-height:60px;margin:2rem 0 0!important;float:right;cursor:pointer;text-transform:uppercase;font-weight:700}

/* Testimonials grid: the old site used the masonry library; CSS columns give the same packed layout without it */
section.testimonial-list div.testimonials.grid{columns:400px;column-gap:0;text-align:center}
section.testimonial-list div.testimonials.grid .testimonial{display:inline-block;width:calc(100% - 2rem);max-width:400px;margin:0 1rem 2rem;break-inside:avoid}
section.assets div.row.grid{text-align:center}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}