/* Smart Website Designs — Hattiesburg brand color layer
   Scope: color presentation only. Structure and third-party semantic colors remain intact. */

:root {
  --swd-blue: #005bf7;
  --swd-purple: #6262f7;
  --swd-wisteria: #e8e3f8;
  --swd-taupe: #c9b79c;
  --swd-slate: #2f3e46;
  --swd-magnolia: #faf8f3;
  --swd-blue-deep: #0047c7;
  --swd-purple-deep: #4e4edb;
  --swd-blue-soft: #e8e3f8;
  --swd-purple-soft: #f2effb;
  --swd-ink: #2f3e46;
  --swd-gradient: linear-gradient(135deg, #005bf7 0%, #6262f7 100%);
  --swd-gradient-reverse: linear-gradient(135deg, #6262f7 0%, #005bf7 100%);
}

::selection {
  background: var(--swd-purple);
  color: #fff;
}

body {
  accent-color: var(--swd-blue);
}

a:hover,
a:focus-visible {
  color: var(--swd-blue);
}

#logo-img {
  width: 180px !important;
  max-width: none !important;
  max-height: 82px !important;
  height: auto;
  object-fit: contain;
}

.site-branding,
.site-branding .home-link {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  #logo-img {
    width: 142px !important;
    max-height: 68px !important;
    margin-top: 0 !important;
  }
}

/* Magnolia Evening navigation treatment. */
#site-header-menu #site-navigation .menu > ul > li.active > a,
#site-header-menu #site-navigation .menu > ul > li.current-menu-item > a,
#site-header-menu #site-navigation .menu > ul > li > a:hover,
#site-header-menu #site-navigation .menu > ul > li > a:focus-visible {
  color: var(--swd-wisteria) !important;
}

#menu .dropdown > li.saw-menu-call > a {
  background: var(--swd-gradient) !important;
  border-color: rgba(232,227,248,.72) !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(0,91,247,.28) !important;
}

#menu .dropdown > li.saw-menu-call > a:hover,
#menu .dropdown > li.saw-menu-call > a:focus-visible {
  background: var(--swd-gradient-reverse) !important;
  border-color: var(--swd-wisteria) !important;
}

@media (max-width: 1200px) {
  #site-navigation .menu > ul {
    border-top-color: var(--swd-purple) !important;
    background: var(--swd-magnolia) !important;
  }
  #site-header-menu #site-navigation .menu > ul > li.active > a,
  #site-header-menu #site-navigation .menu > ul > li.current-menu-item > a,
  #site-header-menu #site-navigation .menu > ul > li > a:hover,
  #site-header-menu #site-navigation .menu > ul > li > a:focus-visible {
    color: var(--swd-blue) !important;
  }
}

.prt-bgcolor-skincolor,
.prt-btn-color-skincolor,
.prt-icon_element-color-skincolor,
.saw-preview-trigger,
.saw-preview-trigger--hero,
.pricing-btn a,
.pricing-btn button,
.saw97-btn-primary,
.saw-ai-night-v2__btn,
.saw-ai-night-google-btn__inner,
.saw-business-automation-cta,
.saw-ctaPill__btn,
.saw-main-footer-cta.primary,
.saw-hww__chip.is-active {
  background: var(--swd-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.saw-preview-trigger:hover,
.saw-preview-trigger:focus-visible,
.pricing-btn a:hover,
.pricing-btn a:focus-visible,
.pricing-btn button:hover,
.pricing-btn button:focus-visible,
.saw97-btn-primary:hover,
.saw97-btn-primary:focus-visible {
  background: var(--swd-gradient-reverse) !important;
  box-shadow: 0 14px 34px rgba(0, 91, 247, .28) !important;
}

.conversion-headline__promise,
.saw-pricing-eyebrow,
.saw-hww__kicker,
.common__sub,
.featured-label p,
.saw-main-service-popup__eyebrow {
  color: var(--swd-purple) !important;
}

.saw-trust-widget,
.saw-preview-access-band,
.saw-pricing-wrap,
.saw-hww__card {
  border-color: rgba(98, 98, 247, .28) !important;
}

.saw-trust-rating {
  color: var(--swd-blue) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em;
}

#saw-main-leadspark-daylight {
  --accent: var(--swd-blue) !important;
  --accent-2: var(--swd-purple) !important;
  --purple: var(--swd-purple) !important;
}

#saw-main-leadspark-daylight .saw-intro-savings-band {
  background:
    radial-gradient(circle at 0 0, rgba(0, 91, 247, .16), transparent 35%),
    #fff !important;
}

#saw-main-leadspark-daylight .saw-intro-badge {
  color: var(--swd-blue-deep) !important;
  background: var(--swd-blue-soft) !important;
  border-color: rgba(0, 91, 247, .24) !important;
}

#saw-main-leadspark-daylight .saw-day-btn-primary {
  background: var(--swd-gradient) !important;
  box-shadow: 0 18px 36px rgba(0, 91, 247, .24) !important;
}

#saw-main-leadspark-daylight .saw-day-btn-primary:hover,
#saw-main-leadspark-daylight .saw-day-btn-primary:focus-visible {
  box-shadow: 0 22px 44px rgba(0, 91, 247, .32), 0 0 0 7px rgba(98, 98, 247, .10) !important;
}

.pricing-block.enable,
.pricing-block:hover,
.featured-box:hover,
.fea-box:hover {
  border-color: rgba(0, 91, 247, .58) !important;
  box-shadow: 0 22px 55px rgba(0, 91, 247, .16) !important;
}

/* Replace the inherited Biloxi orange pricing system with Magnolia Evening. */
#saw-commercial-pricing {
  --saw-price-copper: var(--swd-blue) !important;
  --saw-price-copper-dark: var(--swd-slate) !important;
  --saw-price-yellow: var(--swd-taupe) !important;
  background: linear-gradient(180deg, #fff 0%, var(--swd-magnolia) 100%) !important;
}

#saw-commercial-pricing .pricing-block {
  border-top-color: var(--swd-blue) !important;
}

#saw-commercial-pricing .pricing-block.enable {
  border-top-color: var(--swd-purple) !important;
}

#saw-commercial-pricing .head h3 span,
#saw-commercial-pricing .feature-heading,
#saw-commercial-pricing .intro-label,
#saw-commercial-pricing .full-price strong,
#saw-commercial-pricing .capability-note {
  color: var(--swd-blue) !important;
}

#saw-commercial-pricing .feature-icon {
  background: var(--swd-blue) !important;
  color: #fff !important;
}

#saw-commercial-pricing .savings {
  background: linear-gradient(135deg, var(--swd-wisteria), #dce8ff) !important;
  color: var(--swd-slate) !important;
  border-color: rgba(98,98,247,.22) !important;
}

#saw-commercial-pricing .savings strong,
#saw-commercial-pricing .savings span,
#saw-commercial-pricing .savings small {
  color: var(--swd-slate) !important;
}

#saw-commercial-pricing .capability-note {
  background: var(--swd-wisteria) !important;
  border-color: rgba(98,98,247,.25) !important;
}

#saw-commercial-pricing .pricing-btn a,
#saw-commercial-pricing .pricing-btn button,
#saw-commercial-pricing .saw-business-automation-cta {
  background: var(--swd-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(0,91,247,.24) !important;
}

#saw-commercial-pricing .saw-business-automation-cta__spark,
#saw-commercial-pricing .old-price {
  color: var(--swd-taupe) !important;
}

#saw-commercial-pricing .pricing-block.enable .featured-label p {
  background: linear-gradient(135deg, var(--swd-taupe), var(--swd-wisteria)) !important;
  color: var(--swd-slate) !important;
}

.saw97-panel,
.saw-main-promo-sticky-footer.saw-main-promo-sticky-footer--service-area {
  background:
    radial-gradient(circle at 17% 12%, rgba(0, 91, 247, .28), transparent 29%),
    radial-gradient(circle at 78% 19%, rgba(98, 98, 247, .18), transparent 30%),
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(135deg, #080a12 0%, #11152a 56%, #080910 100%) !important;
}

.saw97-scroll {
  scrollbar-color: rgba(98, 98, 247, .82) rgba(255,255,255,.08) !important;
}

.saw97-close:hover,
.saw97-close:focus-visible {
  background: rgba(98, 98, 247, .20) !important;
}

.saw97-kicker {
  border-color: rgba(98, 98, 247, .62) !important;
  background: rgba(0, 91, 247, .12) !important;
}

.saw97-title span {
  color: var(--swd-purple) !important;
  text-shadow: 0 0 42px rgba(98, 98, 247, .30) !important;
}

.saw97-offer-block {
  background:
    radial-gradient(circle at 0 0, rgba(0, 91, 247, .18), transparent 42%),
    rgba(255,255,255,.055) !important;
}

.saw97-orb {
  background:
    radial-gradient(circle at 40% 40%, rgba(55,213,255,.20), transparent 42%),
    radial-gradient(circle at 70% 72%, rgba(98,98,247,.24), transparent 46%),
    rgba(255,255,255,.04) !important;
}

.saw97-orb::after {
  border-color: rgba(98, 98, 247, .28) !important;
}

.saw97-chip-follow {
  --dot: var(--swd-purple) !important;
}

.saw97-fallback a {
  text-decoration-color: var(--swd-blue) !important;
}

.saw-main-service-popup__copy a {
  border-bottom-color: rgba(98, 98, 247, .58) !important;
}

.saw-main-service-popup__copy a:hover,
.saw-main-service-popup__copy a:focus-visible,
.saw-main-service-popup__route b,
.saw-main-service-popup__route em {
  color: var(--swd-purple) !important;
  border-bottom-color: var(--swd-blue) !important;
}

#saw-ai-mark-vertical-card {
  border-color: var(--swd-blue) !important;
  box-shadow:
    0 28px 76px rgba(0,0,0,.58),
    0 0 0 8px rgba(0,91,247,.10),
    0 0 42px rgba(98,98,247,.42) !important;
}

#saw-ai-mark-vertical-card:hover,
#saw-ai-mark-vertical-card:focus-visible {
  border-color: #fff !important;
  box-shadow:
    0 34px 92px rgba(0,0,0,.66),
    0 0 0 10px rgba(0,91,247,.14),
    0 0 58px rgba(98,98,247,.58) !important;
}

.saw-ai-mark-vertical-bubble,
.saw-ai-mark-vertical-bubble::after {
  border-color: rgba(98,98,247,.82) !important;
}

.saw-ai-mark-vertical-rings::before {
  background: var(--swd-gradient) !important;
  box-shadow:
    0 0 0 5px rgba(0,91,247,.16),
    0 0 30px rgba(98,98,247,.72) !important;
}

.saw-ai-mark-vertical-rings span {
  border-color: rgba(98,98,247,.62) !important;
}

.saw-ai-mark-vertical-footer {
  background: var(--swd-gradient) !important;
  color: #fff !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.30),
    0 0 24px rgba(98,98,247,.34) !important;
}

.saw-ai-mark-vertical-dot {
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(255,255,255,.18), 0 0 12px rgba(255,255,255,.42) !important;
}

#saw-ai-mark-vertical-close {
  border-color: rgba(98,98,247,.82) !important;
  color: var(--swd-purple) !important;
}

#saw-ai-mark-vertical-close:hover,
#saw-ai-mark-vertical-close:focus-visible {
  background: var(--swd-gradient) !important;
  color: #fff !important;
}

[style*="color:#FF6600" i],
[style*="color: #FF6600" i] {
  color: var(--swd-blue) !important;
}

[style*="color:#B84700" i],
[style*="color: #B84700" i] {
  color: var(--swd-purple) !important;
}

[style*="background:#FF6600" i],
[style*="background: #FF6600" i],
[style*="background-color:#FF6600" i],
[style*="background-color: #FF6600" i] {
  background: var(--swd-gradient) !important;
}

/* Magnolia Evening footer: warm neutrals replace every inherited orange cue. */
.saw-directory-footer {
  background: linear-gradient(180deg, #161b1e 0%, #202b31 100%) !important;
}

.saw-directory-footer__inner {
  background:
    radial-gradient(circle at 78% 10%, rgba(98,98,247,.12), transparent 30%),
    var(--swd-magnolia) !important;
}

.saw-directory-footer__brand {
  background: var(--swd-slate) !important;
  color: var(--swd-wisteria) !important;
}

.saw-directory-footer__brand::before {
  background-image: radial-gradient(rgba(232,227,248,.72) .7px, transparent .7px) !important;
}

.saw-directory-footer__brand h2 {
  color: var(--swd-wisteria) !important;
}

.saw-directory-footer__brand p,
.saw-directory-footer__address,
.saw-directory-footer__copyright,
.saw-directory-footer__legal {
  color: var(--swd-magnolia) !important;
}

.saw-directory-footer__contact a,
.saw-directory-footer__brand a,
.saw-directory-footer__nav a:hover,
.saw-directory-footer__nav a:focus-visible {
  color: var(--swd-wisteria) !important;
}

.saw-directory-footer__contact a:first-child,
.saw-directory-footer__cta {
  background: var(--swd-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.saw-directory-footer__contact a {
  border-color: rgba(232,227,248,.55) !important;
  background: rgba(255,255,255,.06) !important;
}

.saw-directory-footer__contact a:hover,
.saw-directory-footer__contact a:focus-visible {
  background: var(--swd-gradient) !important;
  color: #fff !important;
}

.saw-directory-footer__social a {
  border-color: rgba(232,227,248,.55) !important;
  color: var(--swd-wisteria) !important;
}

.saw-directory-footer__main,
.saw-directory-footer__nav,
.saw-directory-footer__bottom {
  border-color: rgba(232,227,248,.18) !important;
}

/* Keep the fixed conversion panel inside the selected six-color system. */
.saw-main-promo-sticky-footer .saw-main-footer-grid > a:nth-child(1) {
  background: var(--swd-blue) !important;
  border-color: rgba(232,227,248,.62) !important;
  box-shadow: 0 14px 30px rgba(0,91,247,.26) !important;
}

.saw-main-promo-sticky-footer .saw-main-footer-grid > a:nth-child(2) {
  background: var(--swd-purple) !important;
  border-color: rgba(232,227,248,.62) !important;
  box-shadow: 0 14px 30px rgba(98,98,247,.26) !important;
}

#sawMainPromoStickyFooter .offer-yellow,
.saw-main-promo-sticky-footer .saw-main-footer-grid > :nth-child(3) {
  background: linear-gradient(135deg, var(--swd-taupe), var(--swd-wisteria)) !important;
  border-color: var(--swd-wisteria) !important;
  color: var(--swd-slate) !important;
  box-shadow: 0 14px 30px rgba(47,62,70,.22) !important;
}

.saw-main-promo-sticky-footer .saw-main-footer-grid > a.call-green,
.saw-main-promo-sticky-footer .saw-main-footer-grid > a:nth-child(4) {
  background: var(--swd-slate) !important;
  border-color: var(--swd-wisteria) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(47,62,70,.30) !important;
}

#sawMainPromoStickyFooter .call-green:hover,
#sawMainPromoStickyFooter .call-green:focus-visible {
  outline-color: var(--swd-wisteria) !important;
}

/* Remaining legacy accent hooks visible on the homepage. */
.conversion-headline__promise {
  background: linear-gradient(90deg, var(--swd-blue), var(--swd-purple), var(--swd-taupe)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

ul.features-content-list li::before,
.blog-feature-list ul li::before,
.prt-thumb-box-title span.prt-box-title-num {
  color: var(--swd-purple) !important;
  background-color: var(--swd-purple) !important;
}

/* Replace the last legacy orange accents in the trust and service sections. */
.saw-trust-face {
  border-color: var(--swd-purple) !important;
}

.saw-trust-rating {
  background: var(--swd-wisteria) !important;
  border-color: var(--swd-purple) !important;
  color: var(--swd-slate) !important;
}

.saw-service-coverflow__dot.is-active {
  background: var(--swd-purple) !important;
  border-color: var(--swd-purple) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}

/* Local buyer pathways added for the Hattiesburg launch build. */
.swd-local-pathways {
  padding: clamp(64px, 8vw, 104px) 20px;
  background:
    radial-gradient(circle at 90% 5%, rgba(98,98,247,.18), transparent 30%),
    linear-gradient(180deg, #f7faff 0%, #fff 100%);
}
.swd-local-pathways__inner { width: min(1160px, 100%); margin: 0 auto; }
.swd-local-pathways__eyebrow { color: var(--swd-purple); text-transform: uppercase; letter-spacing: .1em; font-weight: 800; font-size: .82rem; margin: 0 0 12px; }
.swd-local-pathways h2 { color: var(--swd-ink); font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.08; letter-spacing: -.035em; margin: 0; max-width: 820px; }
.swd-local-pathways__intro { color: #586174; font-size: 1.08rem; max-width: 760px; margin: 18px 0 34px; }
.swd-local-pathways__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.swd-local-pathway-card { display: flex; flex-direction: column; min-height: 260px; padding: 28px; border: 1px solid rgba(0,91,247,.18); border-radius: 18px; background: #fff; color: var(--swd-ink) !important; text-decoration: none !important; box-shadow: 0 16px 42px rgba(23,52,108,.08); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.swd-local-pathway-card:hover, .swd-local-pathway-card:focus-visible { transform: translateY(-5px); border-color: var(--swd-purple); box-shadow: 0 22px 52px rgba(0,91,247,.15); }
.swd-local-pathway-card span { color: var(--swd-purple); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: .76rem; }
.swd-local-pathway-card strong { display: block; font-size: 1.42rem; line-height: 1.2; margin: 13px 0 11px; }
.swd-local-pathway-card small { display: block; color: #586174; font-size: .98rem; line-height: 1.6; }
.swd-local-pathway-card b { color: var(--swd-blue); margin-top: auto; padding-top: 22px; }
@media (max-width: 860px) { .swd-local-pathways__grid { grid-template-columns: 1fr; } .swd-local-pathway-card { min-height: 0; } }