/* Legal pages (privacy, changes & cancellations, complaints book): same look as the main site. */
:root {
  --terracotta: #c8a15a; --terracotta-dark: #dab873;
  --cream: #16110c; --cream-dark: #201911;
  --ink: #f5ede0; --ink-soft: #b7a996; --line: #3a2f22;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
}
body { background: #16110c; color: #f5ede0; }
a { color: #dab873; }
.header { background: linear-gradient(180deg, #241d15, #16110c); color: #f5ede0; border-bottom: 1px solid #3a2f22; padding: 44px 20px 34px; }
.header h1 { font-size: clamp(30px, 5vw, 44px); font-weight: 700; color: #f5ede0; margin-bottom: 10px; }
.header p { color: #b7a996; font-size: 15px; }
.wrap { padding-bottom: 56px; }
.card, .success-panel { background: #241d15; border-color: #3a2f22; }
.card h2, .success-panel h2 { color: #dab873; }
.card h2 .num { color: #b7a996; }
.card li strong, .meta strong, .notice strong { color: #f5ede0; }
.meta, .contact-box, .notice { background: #201911; border-color: #3a2f22; color: #b7a996; }
.cover-image { background: #201911; }
.footer-note { color: #b7a996; }
fieldset { border-color: #3a2f22; }
legend, label { color: #f5ede0; }
input, select, textarea { background: #201911; color: #f5ede0; border-color: #3a2f22; }
input::placeholder, textarea::placeholder { color: #8a7d6c; }
button { background: #c8a15a; color: #16110c; }
button:hover { background: #dab873; }
.hint, .label-sub { color: #b7a996; }

/* Top bar (same as the main site) */
.lnav { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 24px; background: rgba(22, 17, 12, 0.94); backdrop-filter: blur(6px); border-bottom: 1px solid #3a2f22; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
.lnav a { text-decoration: none; }
.lnav-brand { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-serif); font-style: italic; font-size: 24px; color: #f5ede0; }
.lnav-brand strong { color: #dab873; }
.lnav-brand img { height: 36px; width: auto; display: block; }
.lnav-links { display: flex; align-items: center; gap: 22px; }
.lnav-links a { color: #f5ede0; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; }
.lnav-links a:hover { color: #dab873; }
@media (max-width: 900px) { .lnav-links a:not(.lnav-lang) { display: none; } }
@media (max-width: 720px) { .lnav { padding: 12px 16px; } .lnav-brand { font-size: 21px; } .lnav-brand img { height: 30px; } }

/* Cover icon: recolor the line art to the gold theme and show it as a compact card */
.cover-image { max-width: 300px !important; margin: 28px auto 0 !important; border-radius: 18px; border: 1px solid #3a2f22; aspect-ratio: 1 / 1; }
.cover-image svg rect { fill: #201911 !important; }
.cover-image svg [stroke="#a2472f"], .cover-image svg [stroke="#833a26"] { stroke: #c8a15a !important; }
.cover-image svg [fill="#a2472f"], .cover-image svg [fill="#833a26"] { fill: #c8a15a !important; }
.cover-image svg [stroke="#fff"], .cover-image svg [stroke="#ffffff"] { stroke: #16110c !important; }
.cover-image svg [fill="#fff"], .cover-image svg [fill="#ffffff"] { fill: #16110c !important; }

/* Complaints book form */
form { background: #241d15 !important; border-color: #3a2f22 !important; }
input, select, textarea { background: #1a140e !important; }
.radio-group label, .field label { color: #f5ede0; }
.error-msg { color: #f0a58f; }
.success-panel { background: #241d15 !important; color: #f5ede0; }
.success-code { background: #1a140e; color: #dab873; border-color: #3a2f22; }

/* Policy and form text 2px larger (phones and desktop) */
.header p { font-size: 16px !important; }
.meta { font-size: 15.5px !important; }
.notice { font-size: 15.5px !important; }
.card h2 { font-size: 21px !important; }
.card h2 .num { font-size: 15px !important; }
.card h3 { font-size: 17.5px !important; }
.card p, .card li { font-size: 17px !important; }
.highlight { font-size: 16.5px !important; }
.contact-box p { font-size: 16.5px !important; }
.footer-note { font-size: 15px !important; }
legend, label { font-size: 14.5px !important; }
.radio-group label { font-size: 16.5px !important; }
input, select, textarea { font-size: 18px !important; }
button { font-size: 17px !important; }
.hint, .label-sub { font-size: 14px !important; }
.error-msg { font-size: 15.5px !important; }
