/* Nader Health & Life Advocacy & Consulting
   Base Styles - Website Build v2.0 */

/* Brand Colors */
:root{
  --navy:#0D223F;
  --gold:#C9A858;
  --cream:#F5F1EA;
  --white:#FFFFFF;
  --text-dark:#222222;
  --text-muted:#555555;
  --shadow: rgba(0,0,0,0.08);
}

/* Global Reset / Basics */
*{ box-sizing:border-box; margin:0; padding:0; }

body{
  font-family: "Lato", Arial, sans-serif;
  color: var(--text-dark);
  background-color: var(--cream);
  line-height: 1.6;
}

/* Header */
.site-header{
  background-color: var(--navy);
  color: var(--white);
  padding: 1rem 1.5rem;
  display:flex;
  flex-direction:column;
  gap: 1rem;
}

.logo-area{
  display:flex;
  align-items:center;
  gap: 1rem;
}

.logo{
  height: 64px;
  width:auto;
}

.site-title h1{
  font-family: "Georgia","Times New Roman",serif;
  font-size: 1.45rem;
  letter-spacing: .2px;
}

.tagline{
  font-size: .95rem;
  color: var(--cream);
}

/* Navigation */
.main-nav ul{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  align-items:center;
}

.main-nav a{
  color: var(--white);
  text-decoration:none;
  font-size: .95rem;
  padding: .45rem .75rem;
  border-radius: 999px;
  display:inline-block;
}

.main-nav a:hover{
  background-color: rgba(201,168,88,0.18);
}

.btn-primary{
  background-color: var(--gold);
  color: var(--navy) !important;
  font-weight: 700;
}

/* Page shell */
.page-content{
  max-width: 1100px;
  margin: 2rem auto;
  padding: 1.75rem 1.75rem 2.5rem;
  background-color: var(--white);
  border-radius: 14px;
  box-shadow: 0 6px 18px var(--shadow);
}

.page-content h2{
  font-family: "Georgia","Times New Roman",serif;
  font-size: 1.9rem;
  margin-bottom: .9rem;
  color: var(--navy);
}

.page-content h3{
  font-family: "Georgia","Times New Roman",serif;
  font-size: 1.25rem;
  margin: 1.25rem 0 .5rem;
  color: var(--navy);
}

.page-content p{
  margin-bottom: .85rem;
  color: var(--text-muted);
}

.page-content ul{
  margin: .35rem 0 1rem 1.25rem;
  color: var(--text-muted);
}

.section{
  margin-bottom: 1.6rem;
}

/* Hero */
.hero{
  padding: 1.25rem 1.25rem 1rem;
  border: 1px solid rgba(13,34,63,0.12);
  border-radius: 14px;
  background: rgba(245,241,234,0.55);
}

.cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top: .85rem;
}

.button{
  display:inline-block;
  text-decoration:none;
  border-radius: 999px;
  padding: .6rem 1rem;
  border: 1px solid rgba(13,34,63,0.22);
  color: var(--navy);
  font-weight: 700;
}

.button.primary{
  background: var(--gold);
  border-color: var(--gold);
}

.button.secondary{
  background: var(--white);
}

/* Footer */
.site-footer{
  text-align:center;
  font-size: .88rem;
  color: var(--white);
  background-color: var(--navy);
  padding: 1rem 1.25rem;
  margin-top: 2rem;
}

.site-footer a{ color: var(--gold); text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }

/* Responsive */
@media (min-width: 768px){
  .site-header{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
  .page-content{ margin-top: 2.5rem; }
}