/* Staybooking — legal pages (terms.html, privacy.html). */
.header.legal-page-header { position: relative; background: #0d2345; }
.legal-page-header .header-content { justify-content: space-between; }

.legal-languages { display: flex; gap: 6px; }
.legal-languages button {
  min-width: 42px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 3px;
  color: #fff;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.legal-languages button[aria-pressed="true"] { color: #0d2345; background: #f2c66f; border-color: #f2c66f; }

.legal-container {
  max-width: 900px;
  margin: 40px auto;
  padding: 32px;
  border-radius: 16px;
  color: #1e293b;
  background: #fff;
  box-shadow: 0 4px 20px rgba(16, 42, 83, .06);
  line-height: 1.65;
}
.legal-container h1 { margin-bottom: 12px; color: #102a53; font-size: 1.8rem; }
.legal-container h2 { margin: 24px 0 8px; color: #102a53; font-size: 1.2rem; }
.legal-container p,
.legal-container ul { margin-bottom: 12px; }
.legal-container ul { padding-left: 20px; }
.legal-container [data-legal-lang][hidden] { display: none; }
.legal-meta { margin-bottom: 24px; color: #64748b; font-size: .9rem; }
.legal-note { padding: 10px 14px; border-left: 3px solid #f2c66f; color: #475569; background: #fbf6e8; font-size: .9rem; }

.legal-footer { max-width: 900px; margin: 0 auto 40px; padding: 0 32px; color: #64748b; font-size: .9rem; }
.legal-footer a { color: #102a53; }

@media (max-width: 640px) {
  .legal-container { margin: 20px auto; padding: 20px 16px; border-radius: 8px; }
  .legal-container h1 { font-size: 1.45rem; }
  .legal-footer { padding: 0 16px; }
}