/* ═══════════════════════════════════════════════════
   Adelfia Systems — Shared Stylesheet
   assets/style.css
   ═══════════════════════════════════════════════════ */

/* ── RESET & ROOT ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --blue: #0A66C2; --blue-dark: #004182; --blue-light: #EEF3F8;
  --mg: #F26322; --mg-dark: #C14D0F; --mg-light: #FFF4EE; --mg-mid: #FDDCC8;
  --white: #FFFFFF; --bg: #F3F2EF; --card: #FFFFFF;
  --ink: #191919; --ink2: #404040; --muted: #666666; --faint: #999999;
  --border: #E0DFDC; --border2: #C9C9C9;
  --green: #057642; --green-bg: #E7F3EC;
  --navy: #1A1A2E; --navy2: #16213E;
  --f: 'IBM Plex Sans', system-ui, sans-serif;
  --r: 8px;
}
html { scroll-behavior: smooth; }
body {
  font-family: var(--f);
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ── NAV ── */
#site-nav nav {
  position: sticky; top: 0; z-index: 100;
  background: var(--white); border-bottom: 1px solid var(--border);
  padding: 0 24px; height: 56px; display: flex; align-items: center;
}
#site-nav .nav-logo {
  font-size: 20px; font-weight: 700; color: var(--blue);
  text-decoration: none; margin-right: 28px; flex-shrink: 0;
}
#site-nav .nav-links { display: flex; gap: 4px; flex: 1; }
#site-nav .nav-links a {
  font-size: 13px; font-weight: 500; color: var(--muted);
  text-decoration: none; padding: 8px 14px; border-radius: 6px; transition: all .15s;
}
#site-nav .nav-links a:hover,
#site-nav .nav-links a.active { background: var(--blue-light); color: var(--blue); }
#site-nav .nav-links a.mg { color: var(--mg); font-weight: 600; }
#site-nav .nav-links a.mg:hover { background: var(--mg-light); color: var(--mg-dark); }
#site-nav .nav-right { margin-left: auto; display: flex; align-items: center; gap: 10px; }
#site-nav .nav-tmx {
  font-size: 13px; font-weight: 600; color: var(--blue); text-decoration: none;
  padding: 7px 14px; border: 1.5px solid var(--blue); border-radius: 100px; transition: all .15s;
}
#site-nav .nav-tmx:hover { background: var(--blue-light); }
#site-nav .nav-cta {
  font-size: 13px; font-weight: 600; color: var(--white); background: var(--mg);
  padding: 7px 18px; border-radius: 100px; text-decoration: none; transition: background .15s;
}
#site-nav .nav-cta:hover { background: var(--mg-dark); }

@media (max-width: 900px) {
  #site-nav .nav-links { display: none; }
}

/* ── FOOTER ── */
#site-footer footer {
  background: var(--white); border-top: 1px solid var(--border);
  padding: 28px 0; margin-top: 8px;
}
#site-footer .footer-inner {
  max-width: 1128px; margin: 0 auto; padding: 0 24px;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 14px;
}
#site-footer .f-logo { font-size: 18px; font-weight: 700; color: var(--blue); }
#site-footer .f-links { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
#site-footer .f-links a {
  font-size: 13px; color: var(--muted); text-decoration: none; transition: color .15s;
}
#site-footer .f-links a:hover { color: var(--blue); }
#site-footer .f-copy {
  font-size: 12px; color: var(--faint);
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
#site-footer .f-copy a {
  color: var(--faint); text-decoration: none; transition: color .15s;
}
#site-footer .f-copy a:hover { color: var(--blue); }
#site-footer .f-sep { opacity: .4; }

@media (max-width: 700px) {
  #site-footer .footer-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* ── COMMON LAYOUT ── */
.page { max-width: 1128px; margin: 0 auto; padding: 0 24px; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: var(--r); }

/* ── COMMON BUTTONS ── */
.btn-blue {
  display: inline-block; background: var(--blue); color: #fff;
  padding: 11px 22px; border-radius: 100px; font-size: 14px; font-weight: 700;
  text-decoration: none; transition: background .15s; border: none; cursor: pointer;
  font-family: var(--f);
}
.btn-blue:hover { background: var(--blue-dark); }
.btn-orange {
  display: inline-block; background: var(--mg); color: #fff;
  padding: 11px 22px; border-radius: 100px; font-size: 14px; font-weight: 700;
  text-decoration: none; transition: background .15s; border: none; cursor: pointer;
  font-family: var(--f);
}
.btn-orange:hover { background: var(--mg-dark); }
.btn-outline {
  display: inline-block; background: transparent; color: var(--blue);
  padding: 11px 22px; border-radius: 100px; font-size: 14px; font-weight: 700;
  text-decoration: none; transition: all .15s; border: 1.5px solid var(--blue);
  cursor: pointer; font-family: var(--f);
}
.btn-outline:hover { background: var(--blue-light); }

/* ── GOOGLE FONTS IMPORT ── */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700;800&display=swap');