/* Shared styles for every lezel.co page. Light theme, matching the former Wix site. Breakpoints: tablet ≤ 1024px, phone ≤ 640px. */
:root {
  --bg: #ffffff;
  --surface: #e9e7e7;
  --text: #111111;
  --text-muted: #555555;
  --line: #d6d6d6;
  --max: 1200px;
  --gutter: clamp(16px, 4vw, 48px);
  --font: 'Helvetica Neue', Helvetica, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.6;
}
a { color: inherit; }
img { max-width: 100%; height: auto; display: block; }
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }

/* Header */
.site-header {
  position: sticky; top: 0; z-index: 10;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid transparent;
}
.site-header .wrap {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; min-height: 60px;
}
.logo { display: inline-flex; color: var(--text); }
.logo img { width: 72px; height: auto; }

/* Forms (js/forms.js) */
[hidden] { display: none !important; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } /* spam trap, hidden from people */
.form-status { margin: 0; font-size: 13px; color: var(--text-muted); min-height: 1.2em; }
.thanks { margin-top: 8px; padding: 20px; border-radius: 12px; background: var(--surface); outline: none; }
.thanks h2, .thanks h3 { margin: 0 0 6px; font-size: 20px; }
.thanks p { margin: 0; }
button[type="submit"]:disabled { opacity: 0.5; cursor: wait; }

/* Footer — same markup on every page: about + links on top, full-width disclaimer at the bottom */
.site-footer { background: var(--surface); color: var(--text-muted); margin-top: 80px; padding: 40px 0 24px; font-size: 14px; }
.footer-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 28px 64px; }
.footer-about { flex: 1 1 320px; max-width: 560px; }
.footer-about .logo img { width: 64px; opacity: 0.6; }
.footer-about p { margin: 12px 0 0; }
.footer-links { display: flex; flex-direction: column; gap: 10px; }
.footer-links a { text-decoration: none; }
.footer-links a:hover { text-decoration: underline; }
.disclaimer { margin: 32px 0 0; padding-top: 20px; border-top: 1px solid var(--line); font-size: 11px; line-height: 1.6; }
.copyright { margin: 10px 0 0; font-size: 11px; }

@media (max-width: 640px) {
  .site-footer { margin-top: 56px; padding-top: 32px; }
  .footer-links { flex-direction: row; flex-wrap: wrap; gap: 8px 24px; }
}