/*
Theme Name: Loannario Minimal
Theme URI: https://loannario.com/
Author: Loannario
Description: Minimal private-site theme for the Loannario mortgage comparison application. Designed for WordPress 7.1+.
Version: 1.0.0
Requires at least: 7.1
Requires PHP: 8.1
Text Domain: loannario-minimal
*/

:root {
  --ln-navy: #073865;
  --ln-blue: #2f91e9;
  --ln-teal: #0ca9a6;
  --ln-text: #0f2740;
  --ln-muted: #64748b;
  --ln-border: #e5e7eb;
  --ln-bg: #ffffff;
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--ln-text);
  background: var(--ln-bg);
}
a { color: var(--ln-navy); }

.ln-site-header {
  min-height: 70px;
  border-bottom: 1px solid var(--ln-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px clamp(18px, 4vw, 48px);
  background: #fff;
}
.ln-site-header img { height: 44px; width: auto; display: block; }
.ln-site-nav { display: flex; gap: 12px; align-items: center; }
.ln-site-nav a { text-decoration: none; font-weight: 600; }

.ln-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid var(--ln-navy);
  background: var(--ln-navy);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
}
.ln-button-secondary { background: #fff; color: var(--ln-navy) !important; }

.ln-landing {
  min-height: calc(100vh - 70px);
  display: grid;
  place-items: center;
  padding: 40px 20px;
  text-align: center;
}
.ln-landing-inner { max-width: 760px; width: 100%; }
.ln-landing-logo { width: min(520px, 88vw); height: auto; display: block; margin: 0 auto 24px; }
.ln-landing-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.ln-landing-note { margin: 16px 0 0; color: var(--ln-muted); font-size: 14px; }

.ln-page-wrap { width: min(1400px, 100%); margin: 0 auto; padding: 0; }

@media (max-width: 640px) {
  .ln-site-header { min-height: 62px; padding: 10px 14px; }
  .ln-site-header img { height: 38px; }
}