/* =========================
   BASE RESET & GLOBALS
========================= */
*,
*::before,
*::after{
  box-sizing: border-box;
}

html, body{
  margin: 0;
  padding: 0;
}

body{
  font-family: 'Manrope', 'Rubik', sans-serif;
  color: #0f172a;
  background-color: #ffffff;
  line-height: 1.6;
}

/* remove WP-style image stretch issues */
img{
  max-width: 100%;
  height: auto;
  display: block;
}

/* anchor reset */
a{
  color: inherit;
  text-decoration: none;
}

a:hover{
  text-decoration: none;
}

/* section spacing helper */
section{
  position: relative;
}

/* main wrapper */
#main-content{
  overflow-x: hidden;
}

/* overlay (mobile nav / modal use) */
.body-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 98;
  display: none;
}

/* buttons reset */
button{
  border: none;
  outline: none;
  background: none;
}

/* list reset */
ul, ol{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* typography defaults */
h1, h2, h3, h4, h5, h6{
  margin: 0 0 12px;
  font-weight: 800;
}

p{
  margin: 0 0 16px;
  color: #6b7280;
}

/* container consistency */
.container{
  max-width: 1320px;
}

/* mobile fix */
@media (max-width: 768px){
  body{
    font-size: 15px;
  }
}