/*
Theme Name: Empvr
Theme URI: https://empvr.com
Author: Empvr
Description: Faithful WordPress port of the Empvr alt static site design. Cream/navy/teal palette, Inter + Cormorant Garamond typography, responsive.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
*/

/* ============================================================
   SHARED BASE + NAV CSS
   Ported verbatim from empvr-nav-css block present in every alt page.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap");

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: #1e2a4a; line-height: 1.6; background: #fff;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }

/* ===== Empvr shared top nav ===== */
.empvr-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 24px; background: #fff;
  border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 1000;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.empvr-nav__logo img { height: 40px; display: block; }
.empvr-nav__links { display: flex; gap: 24px; align-items: center; }
.empvr-nav__links a {
  font-size: 15px; font-weight: 500; color: #444; text-decoration: none;
  transition: color .2s; white-space: nowrap;
}
.empvr-nav__links a:hover { color: #1e2a4a; }
.empvr-nav__links a.active { color: #4a8b8b; }
.empvr-nav__links a.empvr-nav__cta {
  background: #1e2a4a; color: #fff; padding: 8px 20px;
  border-radius: 6px; font-weight: 600; font-size: 14px; transition: background .2s;
}
.empvr-nav__links a.empvr-nav__cta:hover { background: #2d3d5e; }
.empvr-nav__toggle {
  display: none; background: none; border: 0; cursor: pointer;
  font-size: 26px; line-height: 1; color: #1e2a4a; padding: 4px 8px;
}
@media (max-width: 768px) {
  .empvr-nav__toggle { display: block; }
  .empvr-nav__links {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: #fff; border-bottom: 1px solid #eee;
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
  }
  .empvr-nav__links.open { display: flex; }
  .empvr-nav__links a {
    padding: 16px 24px; border-top: 1px solid #f0f0f0; font-size: 16px;
  }
  .empvr-nav__links a.empvr-nav__cta {
    background: #1e2a4a; color: #fff; border-radius: 0;
    padding: 16px 24px; text-align: left;
  }
}

/* ===== Shared footer ===== */
.empvr-site-footer {
  text-align: center; padding: 32px 24px; border-top: 1px solid #eee;
  font-size: 13px; color: #999;
}

/* ===== Common buttons ===== */
.btn-primary {
  display: inline-block; background: #4a8b8b; color: #fff;
  padding: 14px 32px; border-radius: 8px; font-weight: 700;
  font-size: 16px; transition: background .2s, transform .1s;
}
.btn-primary:hover { background: #3f7a7a; transform: translateY(-1px); }

.btn-cta {
  display: inline-block; background: #4a8b8b; color: #fff;
  padding: 14px 36px; border-radius: 8px; font-weight: 700;
  font-size: 16px; transition: background .2s;
}
.btn-cta:hover { background: #3f7a7a; }

/* ===== Shared section helpers ===== */
section { padding: 80px 24px; }
.section-title {
  font-size: clamp(24px, 4vw, 36px); font-weight: 800;
  text-align: center; margin-bottom: 16px;
}
.section-sub {
  text-align: center; color: #666; font-size: 17px;
  max-width: 640px; margin: 0 auto 48px;
}

/* ===== WordPress alignment helpers (editor compat) ===== */
.alignleft { float: left; margin: 0 1.5em 1.5em 0; }
.alignright { float: right; margin: 0 0 1.5em 1.5em; }
.aligncenter { display: block; margin: 0 auto 1.5em; }
.wp-caption { max-width: 100%; }
.wp-caption-text { text-align: center; font-size: 14px; color: #666; }