:root{
  --cream:#f6f1e7;
  --green:#1f3b2e;
  --ink:#262821;
  --muted:#70736c;
  --orange:#f16522;
  --yellow:#f3cd45;
  --line:rgba(31,59,46,.20);
}

body.cod-existing-city-rebuilt .entry-content{margin:0!important}

.codlegacycity{
  background:var(--cream);
  color:var(--ink);
  font-family:Poppins,Arial,sans-serif;
}

.codlegacycity-wrap{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:58px 0 62px;
}

.codlegacycity-hero .codlegacycity-wrap{padding:72px 0 64px}

.codlegacycity-meta{
  display:flex;
  gap:18px;
  margin-bottom:36px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.codlegacycity-meta span:first-child{color:var(--orange)}

.codlegacycity h1{
  max-width:1000px;
  margin:0;
  color:var(--green);
  font-size:clamp(52px,8vw,102px);
  font-weight:900;
  letter-spacing:-.065em;
  line-height:.87;
}

.codlegacycity h2{
  max-width:920px;
  margin:0;
  font-size:clamp(39px,5vw,62px);
  font-weight:900;
  letter-spacing:-.055em;
  line-height:.95;
}

.codlegacycity h3{
  margin:34px 0 10px;
  color:var(--green);
  font-size:clamp(24px,3vw,34px);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1.05;
}

.codlegacycity-lead{
  max-width:820px;
  margin:26px 0 32px;
  color:var(--muted);
  font-size:clamp(19px,2vw,23px);
  line-height:1.55;
}

.codlegacycity-photo{
  width:100%;
  height:clamp(280px,34vw,460px);
  margin:0;
  overflow:hidden;
  background:var(--green);
}

.codlegacycity-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.codlegacycity-eye{
  margin:0 0 14px!important;
  color:var(--orange);
  font-size:12px!important;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.codlegacycity-green{background:var(--green);color:#fff}
.codlegacycity-yellow{background:var(--yellow)}
.codlegacycity-orange{background:var(--orange);color:#fff}
.codlegacycity-paper,.codlegacycity-seo{background:var(--cream);border-bottom:1px solid var(--line)}

.codlegacycity-paper h2,
.codlegacycity-yellow h2,
.codlegacycity-seo h2{color:var(--green)}

.codlegacycity-green .codlegacycity-eye,
.codlegacycity-orange .codlegacycity-eye{color:var(--yellow)}

.codlegacycity-green p:not(.codlegacycity-eye),
.codlegacycity-orange p:not(.codlegacycity-eye),
.codlegacycity-paper p:not(.codlegacycity-eye),
.codlegacycity-seo p:not(.codlegacycity-eye){
  max-width:880px;
  font-size:18px;
  line-height:1.65;
}

.codlegacycity-btn{
  display:flex;
  width:min(100%,590px);
  min-height:60px;
  padding:0 24px;
  margin-top:28px;
  align-items:center;
  justify-content:space-between;
  background:var(--green);
  border:1px solid var(--green);
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.codlegacycity-btn-light{
  background:var(--cream);
  border-color:var(--cream);
  color:var(--green)!important;
}

.codlegacycity-fee{
  display:flex;
  max-width:780px;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}

.codlegacycity-fee strong{
  color:var(--green);
  font-size:clamp(38px,5vw,58px);
  font-weight:900;
}

.codlegacycity-link{
  display:inline-block;
  margin-top:18px;
  color:var(--green)!important;
  font-weight:900;
  text-decoration:none!important;
}

.codlegacycity-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 28px;
  margin-top:28px;
}

.codlegacycity-steps>div{
  padding:20px 0;
  border-top:1px solid rgba(38,40,33,.25);
}

.codlegacycity-steps span{
  display:block;
  margin-bottom:6px;
  color:var(--orange);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

.codlegacycity-steps strong{font-size:18px}
.codlegacycity-steps p{margin:7px 0 0;font-size:15px;line-height:1.5}

.codlegacycity-seo-copy{
  max-width:900px;
  margin-top:28px;
}

.codlegacycity-seo-copy p{
  margin:0 0 22px!important;
  font-size:17px!important;
  line-height:1.62!important;
}

.codlegacycity-menu-links,
.codlegacycity-nav{
  display:grid;
  gap:0 28px;
  margin-top:28px;
}

.codlegacycity-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.codlegacycity-nav{grid-template-columns:repeat(3,minmax(0,1fr))}

.codlegacycity-menu-links a,
.codlegacycity-nav a{
  display:flex;
  justify-content:space-between;
  padding:18px 0;
  border-top:1px solid currentColor;
  border-bottom:1px solid currentColor;
  color:inherit!important;
  font-weight:900;
  text-decoration:none!important;
}

.codlegacycity-paper .codlegacycity-nav a{
  color:var(--green)!important;
  border-color:var(--line);
}

@media(max-width:680px){
  .codlegacycity-wrap{
    width:calc(100% - 48px);
    padding:44px 0 48px;
  }

  .codlegacycity-hero .codlegacycity-wrap{padding:50px 0 48px}

  .codlegacycity h1{
    font-size:clamp(42px,11.5vw,56px);
    line-height:.90;
  }

  .codlegacycity h2{
    font-size:clamp(37px,10.5vw,49px);
    line-height:.96;
  }

  .codlegacycity h3{
    font-size:clamp(23px,7vw,31px);
  }

  .codlegacycity-meta{font-size:10px}
  .codlegacycity-photo{height:240px}

  .codlegacycity-green p:not(.codlegacycity-eye),
  .codlegacycity-orange p:not(.codlegacycity-eye),
  .codlegacycity-paper p:not(.codlegacycity-eye),
  .codlegacycity-seo p:not(.codlegacycity-eye){
    font-size:17px;
    line-height:1.58;
  }

  .codlegacycity-seo-copy p{
    font-size:16px!important;
    line-height:1.58!important;
  }

  .codlegacycity-steps,
  .codlegacycity-menu-links,
  .codlegacycity-nav{
    grid-template-columns:1fr;
  }

  .codlegacycity-btn{width:100%}
}


/* ============================================================
   v2.0.2 — SANTA ANA LOCAL DELIVERY INFORMATION POLISH ONLY
   Visual presentation only. SEO wording/content remains unchanged.
   ============================================================ */

body.cod-existing-city-santa-ana .codlegacycity-seo .codlegacycity-wrap{
  padding-top:50px;
  padding-bottom:56px;
}

body.cod-existing-city-santa-ana .codlegacycity-seo h2{
  max-width:760px;
  margin-bottom:28px;
}

body.cod-existing-city-santa-ana .codlegacycity-seo-copy{
  max-width:860px;
  margin-top:0;
}

body.cod-existing-city-santa-ana .codlegacycity-seo-copy h3{
  margin:32px 0 12px;
  padding-top:20px;
  border-top:1px solid var(--line);
  color:var(--green);
  font-size:clamp(22px,2.6vw,30px);
  line-height:1.08;
}

body.cod-existing-city-santa-ana .codlegacycity-seo-copy h3:first-child{
  margin-top:0;
}

body.cod-existing-city-santa-ana .codlegacycity-seo-copy p{
  max-width:760px!important;
  margin:0 0 18px!important;
  color:var(--ink);
  font-size:16.5px!important;
  line-height:1.58!important;
}

body.cod-existing-city-santa-ana .codlegacycity-seo-copy p + p{
  margin-top:4px!important;
}

@media(max-width:680px){
  body.cod-existing-city-santa-ana .codlegacycity-seo .codlegacycity-wrap{
    padding-top:40px;
    padding-bottom:44px;
  }

  body.cod-existing-city-santa-ana .codlegacycity-seo h2{
    margin-bottom:22px;
  }

  body.cod-existing-city-santa-ana .codlegacycity-seo-copy h3{
    margin:26px 0 10px;
    padding-top:16px;
    font-size:24px;
    line-height:1.08;
  }

  body.cod-existing-city-santa-ana .codlegacycity-seo-copy p{
    font-size:15.5px!important;
    line-height:1.56!important;
    margin-bottom:16px!important;
  }
}


/* ============================================================
   v2.0.4 — HUNTINGTON BEACH REDESIGN
   Distinct editorial composition. Existing HB SEO wording preserved.
   ============================================================ */

body.cod-existing-city-huntington-beach .codlegacycity-hb-hero{
  background:var(--cream);
  border-bottom:1px solid var(--line);
}

body.cod-existing-city-huntington-beach .codlegacycity-hb-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  min-height:620px;
}

body.cod-existing-city-huntington-beach .codlegacycity-hb-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:72px max(24px,calc((100vw - 1180px)/2)) 68px;
  padding-right:52px;
}

body.cod-existing-city-huntington-beach .codlegacycity-hb-photo{
  height:100%;
  min-height:620px;
  margin:0;
  overflow:hidden;
  background:var(--green);
}

body.cod-existing-city-huntington-beach .codlegacycity-hb-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

body.cod-existing-city-huntington-beach .codlegacycity-hb-copy h1{
  max-width:720px;
  font-size:clamp(56px,6.8vw,96px);
  line-height:.88;
}

body.cod-existing-city-huntington-beach .codlegacycity-hb-copy .codlegacycity-lead{
  max-width:620px;
}

body.cod-existing-city-huntington-beach .codlegacycity-hb-copy .codlegacycity-btn{
  max-width:520px;
}

/* Make the next green section feel connected rather than repetitive. */
body.cod-existing-city-huntington-beach .codlegacycity-hb-hero + .codlegacycity-green .codlegacycity-wrap{
  padding-top:50px;
  padding-bottom:54px;
}

/* Stronger fee composition */
body.cod-existing-city-huntington-beach .codlegacycity-paper .codlegacycity-fee{
  max-width:860px;
  padding:18px 0 22px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

body.cod-existing-city-huntington-beach .codlegacycity-paper .codlegacycity-fee h2{
  font-size:clamp(42px,5vw,62px);
}

body.cod-existing-city-huntington-beach .codlegacycity-paper .codlegacycity-fee strong{
  font-size:clamp(46px,5.5vw,66px);
}

/* Turn the dense SEO area into editorial blocks without rewriting it. */
body.cod-existing-city-huntington-beach .codlegacycity-seo{
  background:#fffaf0;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo .codlegacycity-wrap{
  padding-top:52px;
  padding-bottom:58px;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px;
  max-width:100%;
  margin-top:30px;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy h3{
  grid-column:1 / -1;
  margin:30px 0 10px;
  padding-top:18px;
  border-top:1px solid var(--line);
  color:var(--green);
  font-size:clamp(24px,2.7vw,32px);
  line-height:1.08;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy h3:first-child{
  margin-top:0;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy p{
  max-width:none!important;
  margin:0 0 18px!important;
  padding-right:10px;
  font-size:16px!important;
  line-height:1.58!important;
}

/* Orange menu section gets more breathing room and visual weight. */
body.cod-existing-city-huntington-beach .codlegacycity-orange .codlegacycity-wrap{
  padding-top:54px;
  padding-bottom:60px;
}

body.cod-existing-city-huntington-beach .codlegacycity-menu-links{
  margin-top:34px;
}

/* Mobile composition */
@media(max-width:800px){
  body.cod-existing-city-huntington-beach .codlegacycity-hb-grid{
    grid-template-columns:1fr;
    min-height:0;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-hb-copy{
    padding:50px 24px 44px;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-hb-copy h1{
    font-size:clamp(42px,11.4vw,55px);
    line-height:.90;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-hb-photo{
    min-height:0;
    height:270px;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-hb-photo img{
    object-position:center 48%;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-seo-copy{
    grid-template-columns:1fr;
    gap:0;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-seo-copy h3{
    margin:26px 0 10px;
    padding-top:16px;
    font-size:24px;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-seo-copy p{
    font-size:15.5px!important;
    line-height:1.56!important;
    margin-bottom:16px!important;
  }
}


/* ============================================================
   v2.0.6 — HUNTINGTON BEACH SEO HIERARCHY POLISH
   Visual hierarchy only. Existing HB SEO wording is unchanged.
   ============================================================ */

body.cod-existing-city-huntington-beach .codlegacycity-seo{
  background:var(--cream);
}

body.cod-existing-city-huntington-beach .codlegacycity-seo .codlegacycity-wrap{
  padding-top:46px;
  padding-bottom:52px;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo > .codlegacycity-wrap > h2{
  max-width:700px;
  margin-bottom:30px;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy{
  display:block;
  max-width:820px;
  margin-top:0;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy h3{
  margin:34px 0 12px;
  padding-top:24px;
  border-top:1px solid var(--line);
  color:var(--green);
  font-size:clamp(24px,2.8vw,32px);
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1.06;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy h3:first-child{
  margin-top:0;
  padding-top:0;
  border-top:0;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy p{
  max-width:720px!important;
  margin:0 0 18px!important;
  padding:0!important;
  color:var(--ink);
  font-size:16px!important;
  line-height:1.58!important;
}

body.cod-existing-city-huntington-beach .codlegacycity-seo-copy p + p{
  margin-top:4px!important;
}

/* Keep especially long legacy sections from becoming one giant visual wall. */
body.cod-existing-city-huntington-beach .codlegacycity-seo-copy h3 + p{
  margin-top:0!important;
}

@media(max-width:680px){
  body.cod-existing-city-huntington-beach .codlegacycity-seo .codlegacycity-wrap{
    padding-top:38px;
    padding-bottom:44px;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-seo > .codlegacycity-wrap > h2{
    margin-bottom:24px;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-seo-copy h3{
    margin:28px 0 10px;
    padding-top:18px;
    font-size:25px;
    line-height:1.06;
  }

  body.cod-existing-city-huntington-beach .codlegacycity-seo-copy p{
    font-size:15.5px!important;
    line-height:1.55!important;
    margin-bottom:16px!important;
  }
}