/* East Yorkshire Back Clinic — condition landing pages (Back Pain / Sciatica / Neck Pain Hull) */
/* Colour palette matches the main site: navy #0a2f5c, orange accent #f97f26, Open Sans font */

:root{
  --navy:#0a2f5c;
  --navy-dark:#071f3d;
  --orange:#f97f26;
  --text:#232b33;
  --muted:#5a6472;
  --bg-light:#f6f8fb;
  --white:#ffffff;
  --border:#e3e8ef;
}

*{box-sizing:border-box;}
body.cp-page{
  margin:0;
  font-family:'Open Sans', Arial, sans-serif;
  color:var(--text);
  background:var(--white);
  line-height:1.6;
}

.cp-page a{color:inherit;}

/* Top bar (matches existing site pattern: mini nav + phone) */
.cp-topbar{
  background:var(--navy-dark);
  color:#cfe0f5;
  font-size:.85rem;
  padding:8px 24px;
  display:flex;
  justify-content:flex-end;
  gap:20px;
}
.cp-topbar a{color:#cfe0f5;text-decoration:none;}
.cp-topbar a:hover{color:var(--orange);}

/* Main nav */
.cp-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 24px;
  border-bottom:1px solid var(--border);
  flex-wrap:wrap;
  gap:12px;
}
.cp-nav .cp-logo img{height:48px;display:block;}
.cp-nav ul{
  list-style:none;
  display:flex;
  gap:22px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
  font-weight:600;
  font-size:.95rem;
}
.cp-nav ul a{text-decoration:none;color:var(--navy);}
.cp-nav ul a:hover{color:var(--orange);}
.cp-nav .cp-book-btn{
  background:var(--orange);
  color:var(--navy-dark);
  padding:10px 20px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}

/* Hero / page header banner (navy, like inner-page headers on the main site) */
.cp-hero{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);
  color:var(--white);
  padding:56px 24px 64px;
  text-align:center;
}
.cp-hero h1{
  font-size:2.1rem;
  margin:0 0 14px;
  font-weight:300;
}
.cp-hero h1 strong{font-weight:700;}
.cp-hero p{
  max-width:640px;
  margin:0 auto 26px;
  font-size:1.05rem;
  color:#dbe6f5;
}
.cp-cta-group{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cp-btn-primary{
  background:var(--orange);
  color:var(--navy-dark);
  padding:14px 28px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none;
  display:inline-block;
}
.cp-btn-secondary{
  background:transparent;
  border:2px solid #ffffff88;
  color:var(--white);
  padding:12px 26px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none;
  display:inline-block;
}

/* Wave divider under hero, matching the redesign's wave-divider treatment */
.cp-wave{display:block;width:100%;height:48px;margin-top:-4px;}

/* Content sections */
.cp-section{max-width:960px;margin:0 auto;padding:48px 24px;}
.cp-section h2{
  color:var(--navy);
  font-size:1.5rem;
  font-weight:700;
  margin-bottom:18px;
  border-left:4px solid var(--orange);
  padding-left:14px;
}
.cp-section p{color:var(--muted);font-size:1.02rem;}

.cp-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cp-list li{
  background:var(--bg-light);
  border:1px solid var(--border);
  border-radius:8px;
  padding:14px 16px;
  color:var(--text);
  font-size:.98rem;
}
.cp-list li::before{content:"— ";color:var(--orange);font-weight:700;}

.cp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:10px;}
.cp-card{
  background:var(--bg-light);
  border:1px solid var(--border);
  border-radius:10px;
  padding:18px 20px;
}
.cp-card strong{color:var(--navy);display:block;margin-bottom:4px;}

.cp-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px;}
.cp-testimonial{
  background:var(--white);
  border:1px solid var(--border);
  border-left:4px solid var(--orange);
  border-radius:8px;
  padding:16px 18px;
  font-style:italic;
  color:var(--text);
}
.cp-testimonial .stars{color:var(--orange);letter-spacing:2px;font-style:normal;display:block;margin-bottom:8px;}
.cp-testimonial cite{display:block;margin-top:10px;font-style:normal;font-weight:700;color:var(--navy);font-size:.9rem;}

.cp-trust-strip{
  background:var(--navy);
  color:var(--white);
  padding:26px 24px;
  display:flex;
  justify-content:center;
  gap:48px;
  flex-wrap:wrap;
  text-align:center;
}
.cp-trust-strip div strong{display:block;font-size:1.5rem;color:var(--orange);}
.cp-trust-strip div span{font-size:.85rem;color:#cfe0f5;}

.cp-location{
  background:var(--bg-light);
  border-radius:10px;
  padding:28px;
  text-align:center;
}
.cp-location p{margin:4px 0;}

.cp-closing-cta{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);
  color:var(--white);
  text-align:center;
  padding:48px 24px;
}
.cp-closing-cta h2{color:var(--white);border:none;padding:0;}

.cp-footer{
  background:var(--navy-dark);
  color:#b9c8dd;
  padding:32px 24px;
  font-size:.85rem;
  text-align:center;
}
.cp-footer a{color:#dbe6f5;}

@media (max-width:720px){
  .cp-list, .cp-cards, .cp-testimonials{grid-template-columns:1fr;}
  .cp-trust-strip{gap:24px;}
  .cp-nav ul{display:none;} /* keep mobile simple; wire up your site's existing mobile menu JS if you have one */
}