/*
 Theme Name:   MM Minimal
 Theme URI:    https://matchmarketing.ai
 Description:  GeneratePress child theme – mobile-first, performance-first
 Author:       MatchMarketing™
 Author URI:   https://matchmarketing.ai
 Template:     generatepress
 Version:      2.0-min
*/

/* =============== TOKENS (tiny on purpose) =============== */
:root{
  --brand:  #2e5eaa;  /* MM primary (navy) */
  --chrome: #f5f6f7;  /* modern light chrome */
  --border: #e4e6e8;  /* subtle separators */
  --text:   #222;     /* body text */
}

/* =============== BASE / MOBILE-FIRST ==================== */
html{ -webkit-text-size-adjust:100% }
body{
  margin:0;
  background:#fff;
  color:var(--text);
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size:16px;
  line-height:1.6;
  color-scheme: light;
  accent-color: var(--brand);
}

img,svg,video,canvas{ display:block; max-width:100%; height:auto }

a{ color:var(--brand); text-decoration:none }
a:hover{ text-decoration:underline }

:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}

/* Utilities */
.no-wrap{ white-space:nowrap }
.flow > * + *{ margin-top:1rem }

/* =============== TYPOGRAPHY ============================== */
h1,h2,h3,h4,h5,h6{
  margin:.75em 0 .4em;
  font-weight:700;
  line-height:1.25;
  color:var(--text);
}
h1{ font-size:clamp(1.75rem,4vw,2.75rem) }
h2{ font-size:clamp(1.5rem,3vw,2rem) }
h3{ font-size:clamp(1.25rem,2.25vw,1.5rem) }
h4{ font-size:1.125rem; font-weight:600 }
h5{ font-size:1rem;     font-weight:600 }
h6{ font-size:.95rem;   font-weight:600; color:#444 }

p{ margin:0 0 1rem }
ul,ol{ margin:0 0 1rem 1.25rem }

/* Tables (scoped) */
.entry-content table{ width:100%; border-collapse:collapse; margin:1rem 0 }
.entry-content th,
.entry-content td{ padding:.5rem; border:1px solid #e6e6e6; font-size:.95rem }

/* =============== HEADER & NAV (GeneratePress) ============ */
.site-header{
  background:var(--chrome);
  color:var(--text);
  border-bottom:1px solid var(--border);
}

.main-navigation,
.main-navigation ul ul{
  background:var(--chrome);
}

/* Nav links: brand-forward on light chrome */
.main-navigation .main-nav ul li > a,
.main-navigation .menu-bar-items{
  color:var(--brand);
  font-weight:700;
  text-transform: uppercase;
}

/* Hover / current = subtle emphasis, not flashy */
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a{
  text-decoration:underline;
}

.main-navigation .menu-toggle{ color:var(--brand) }

/* =============== FOOTER ================================= */
.site-footer,
.footer-widgets,
.site-info{
  background:var(--chrome);
  color:#555;
  border-top:1px solid var(--border);
}

.site-info a{
  color:var(--brand);
}
.site-info a:hover{
  text-decoration:underline;
}

/* =============== WIDGETS ================================ */
.widget-area .widget{ padding:0 }

/* =============== FORMS / BUTTONS ======================== */
input,select,textarea,button{ font:inherit }

button,
input[type="button"],
input[type="submit"]{
  border:0;
  border-radius:999px;
  padding:.6rem 1rem;
  background:var(--brand);
  color:#fff;
  cursor:pointer;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{ opacity:.95 }

/* =============== CONTAINER PADDING ====================== */
.one-container .site-content{ padding:0 16px }
@media (min-width:768px){
  .one-container .site-content{ padding:0 24px }
}

/* =============== REDUCED MOTION ========================= */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important }
}

/* =============== PRINT ================================= */
@media print{
  .main-navigation,.site-footer,.footer-widgets,.site-info{ display:none !important }
}