/* SitePlansNC | Warm Orange Accent | sitewide | 2026-10-11
   Orange is a secondary conversion accent, never a replacement for navy and blue.
   WCAG: white on #B64D12 >= 5.17:1; navy on #F28C28 >= 5.97:1.
*/
:root{
  --spnc-orange:#F28C28;
  --spnc-orange-deep:#B64D12;
  --spnc-orange-wash:#FFF3E5;
  --spnc-orange-hover:#973A0A;
}
/* Shared navigation / signature */
.spnc-topbar{border-bottom:3px solid var(--spnc-orange)!important}
.spnc-main-nav .spnc-nav-quote a,
.spnc-header .spnc-nav-quote a{
  background:var(--spnc-orange-deep)!important;
  border-color:var(--spnc-orange-deep)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(182,77,18,.16)!important;
}
.spnc-main-nav .spnc-nav-quote a:hover,
.spnc-header .spnc-nav-quote a:hover{
  background:var(--spnc-orange-hover)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(182,77,18,.23)!important;
}
.spnc-header .spnc-site-title a:hover{color:var(--spnc-orange-deep)!important}
/* Every background hero retains its navy overlay, gains distinct warm accents */
.spnc-hero-redesign h1 em{
  text-decoration-color:var(--spnc-orange)!important;
}
.spnc-hero-redesign .spnc-rv-proof span:before{
  background:var(--spnc-orange)!important;color:#102A43!important;
}
.spnc-hero-redesign .spnc-rv-trustline b{
  color:var(--spnc-orange)!important;
}
.spnc-hero-redesign :is(
  .ex-button:not(.ex-button--ghost),
  .spnc-sv-btn--primary,
  .spnc-prc-btn:not(.spnc-prc-btn--outline),
  .spnc-how-button:not(.spnc-how-button--outline),
  .ncx-btn--solid,
  .hm-btn--solid
){
  background:var(--spnc-orange-deep)!important;
  border-color:var(--spnc-orange-deep)!important;
  color:#fff!important;
}
.spnc-hero-redesign :is(
  .ex-button:not(.ex-button--ghost),
  .spnc-sv-btn--primary,
  .spnc-prc-btn:not(.spnc-prc-btn--outline),
  .spnc-how-button:not(.spnc-how-button--outline),
  .ncx-btn--solid,
  .hm-btn--solid
):hover{background:var(--spnc-orange-hover)!important;border-color:var(--spnc-orange-hover)!important}
/* Master homepage: conversion, prominent package, subtle benefits */
.spnc-nc2{--nc-orange:var(--spnc-orange);--nc-orange-deep:var(--spnc-orange-deep);--nc-orange-wash:var(--spnc-orange-wash)}
.spnc-nc2 .nc2-hero h1 em{
  text-decoration-color:var(--spnc-orange)!important;
}
.spnc-nc2 .nc2-hero__identity span{
  color:var(--spnc-orange)!important;
}
.spnc-nc2 .nc2-hero__chips span:before{
  background:var(--spnc-orange)!important;color:#102A43!important;
}
.spnc-nc2 .nc2-hero__bottom>a,
.spnc-nc2 .nc2-hero__bottom a{
  color:#FFFFFF!important;
  text-decoration:underline!important;
  text-decoration-color:var(--spnc-orange)!important;
  text-underline-offset:5px!important;
}
.spnc-nc2 .nc2-button--primary{
  background:var(--spnc-orange-deep)!important;
  border-color:var(--spnc-orange-deep)!important;
  color:#fff!important;
}
.spnc-nc2 .nc2-button--primary:hover{
  background:var(--spnc-orange-hover)!important;
  border-color:var(--spnc-orange-hover)!important;
}
.spnc-nc2 .nc2-price--featured{
  border-color:var(--spnc-orange)!important;
  box-shadow:0 14px 30px rgba(182,77,18,.10)!important;
}
.spnc-nc2 .nc2-price--featured .nc2-price__top{
  background:linear-gradient(180deg,var(--spnc-orange-wash),#FFFFFF 88%)!important;
}
.spnc-nc2 .nc2-price--featured .nc2-price__action{
  background:var(--spnc-orange-deep)!important;color:#fff!important;
}
.spnc-nc2 .nc2-price--featured .nc2-price__action:hover{
  background:var(--spnc-orange-hover)!important;
}
.spnc-nc2 .nc2-services__footer a,
.spnc-nc2 .nc2-faq__item summary:after{
  color:var(--spnc-orange-deep)!important;
}
.spnc-nc2 .nc2-matter h2 em{
  text-decoration-color:var(--spnc-orange)!important;
}
.spnc-nc2 .nc2-matter__chips span:first-child{
  border-color:var(--spnc-orange)!important;
}
/* Sitewide editorial pattern: subtle warm section markers, never orange body paragraphs */
.spnc-exp .ex-eyebrow,
.spnc-sv .spnc-sv-eyebrow,
.spnc-how .spnc-how-kicker,
.spnc-prc .spnc-prc-kicker,
.ncx .ncx-kicker{
  color:var(--spnc-orange-deep)!important;
}
.spnc-hero-redesign :is(.ex-eyebrow,.spnc-sv-eyebrow,.spnc-how-kicker,.spnc-prc-kicker,.ncx-kicker){
  color:#FFFFFF!important;
}
.spnc-exp .ex-faq__items summary:after,
.spnc-sv .spnc-sv-faq summary:after{
  color:var(--spnc-orange-deep)!important;
}
/* Native WordPress AJAX form across all 13+ placements */
.spnc-native-form__step span{color:var(--spnc-orange-deep)!important}
.spnc-native-form__fields label span b,
.spnc-native-form__consent b{color:var(--spnc-orange-deep)!important}
.spnc-native-form__upload{border-color:var(--spnc-orange)!important}
.spnc-native-form__upload-icon{color:var(--spnc-orange-deep)!important}
.spnc-native-form__submit{
  background:var(--spnc-orange-deep)!important;
  border-color:var(--spnc-orange-deep)!important;
  color:#fff!important;
}
.spnc-native-form__submit:hover{
  background:var(--spnc-orange-hover)!important;
  border-color:var(--spnc-orange-hover)!important;
}
.spnc-native-form__submit:focus-visible{
  outline:3px solid var(--spnc-orange)!important;outline-offset:3px!important;
}
/* Footer, which appears on every content page */
.spnc-ftr .spnc-ftr__eyebrow{color:var(--spnc-orange-deep)!important}
.spnc-ftr .spnc-ftr__button,
.spnc-ftr .spnc-ftr__contact-button{
  background:var(--spnc-orange-deep)!important;
  border-color:var(--spnc-orange-deep)!important;
  color:#fff!important;
  box-shadow:0 10px 25px rgba(182,77,18,.13)!important;
}
.spnc-ftr .spnc-ftr__button:hover,
.spnc-ftr .spnc-ftr__contact-button:hover{
  background:var(--spnc-orange-hover)!important;
  border-color:var(--spnc-orange-hover)!important;
}
.spnc-ftr .spnc-ftr__feature svg{color:var(--spnc-orange-deep)!important}
/* A consistent orange action on services / how-it-works / pricing / city templates */
.spnc-sv .spnc-sv-btn:not(.spnc-sv-btn--ghost),
.spnc-how .spnc-how-button:not(.spnc-how-button--outline),
.spnc-prc .spnc-prc-btn:not(.spnc-prc-btn--outline),
.spnc-exp .ex-quote__form .spnc-native-form__submit{
  background:var(--spnc-orange-deep)!important;
  border-color:var(--spnc-orange-deep)!important;
  color:#fff!important;
}
.spnc-sv .spnc-sv-btn:not(.spnc-sv-btn--ghost):hover,
.spnc-how .spnc-how-button:not(.spnc-how-button--outline):hover,
.spnc-prc .spnc-prc-btn:not(.spnc-prc-btn--outline):hover{
  background:var(--spnc-orange-hover)!important;
  border-color:var(--spnc-orange-hover)!important;
}
@media(prefers-reduced-motion:reduce){
  .spnc-native-form__submit,
  .spnc-main-nav .spnc-nav-quote a{transition:none!important}
}