/* joshbernalrealtor.com brand layer, 2026-10-06
   Navy/light theme matching the client dashboards. Loaded last on every page; overrides the base dark theme. */
:root{
  --black:#f0f2f5; --black-2:#ffffff; --black-3:#ffffff; --black-4:#e8ebf2;
  --white:#14204a; --off:#f0f2f5;
  --red:#c03537; --red-dk:#a12a2c; --red-a:rgba(192,53,55,.10);
  --gold:#273e9d; --navy:#1d2f6b; --navy-2:#273e9d;
  --text:#28324d; --mid:#4c5671; --lt:#6b7489;
  --border:rgba(20,32,74,.10); --border2:rgba(20,32,74,.16);
  --s2:0 6px 24px rgba(20,32,74,.08); --s3:0 14px 44px rgba(20,32,74,.12);
}
body{background:#f0f2f5;color:var(--text)}
/* navy zones keep light-on-dark tokens */
#hero,.marquee-band,.phone-strip,footer,.photo-break,#mobile-bar,.compliance-bar{
  --white:#ffffff; --text:#e9edf8; --mid:#c9d2ee; --lt:#a9b5dc; --gold:#ffffff;
  --border:rgba(255,255,255,.14); --border2:rgba(255,255,255,.26);
  --black-2:rgba(255,255,255,.08); --black-3:rgba(255,255,255,.10);
}
/* header */
#nav{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 2px 14px rgba(20,32,74,.06)!important;backdrop-filter:none!important}
#nav .nav-links a{color:var(--mid)}
#nav .nav-links a:hover{color:var(--navy)}
#nav .nav-links .nav-cta{background:var(--navy);color:#fff!important;border-radius:999px}
.nav-brand-sub{color:var(--lt)!important}
.burger span{background:var(--navy)!important}
#mobile-menu{background:#fff!important}
#mobile-menu a{color:var(--navy)!important;border-color:var(--border)!important}
/* hero = dashboard header card */
#hero{background:linear-gradient(135deg,#1d2f6b 0%,#273e9d 100%)!important;border-bottom:5px solid var(--red)}
#hero .hero-bg img{opacity:.16!important;filter:grayscale(.3)}
#hero .hero-bg::after{background:linear-gradient(135deg,rgba(29,47,107,.92),rgba(39,62,157,.82))!important}
#hero h1,#hero .hero-accent{color:#fff!important}
#hero .hero-accent{color:#ffffff!important;opacity:.92}
.hero-card{background:#fff!important;border-radius:16px!important;box-shadow:0 18px 50px rgba(0,0,0,.25)!important;overflow:hidden}
.hero-card-name{color:var(--navy)!important}.hero-card-role{color:#4c5671!important}
.hero-card .badge{background:#eef1f8!important;color:#1d2f6b!important;border-color:rgba(20,32,74,.12)!important}
.hero-card .badge-red{background:var(--red)!important;color:#fff!important}
/* buttons */
.btn{border-radius:999px!important}
.btn-primary{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.btn-primary:hover{background:var(--red-dk)!important}
.btn-outline{color:var(--navy)!important;border-color:rgba(29,47,107,.35)!important;background:#fff!important}
#hero .btn-outline,.phone-strip .btn-outline,.photo-break .btn-outline,footer .btn-outline{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important}
#hero .btn-hero-secondary{background:#fff!important;color:var(--navy)!important;border-color:#fff!important}
/* section type: dashboard-style labels */
.eyebrow{color:var(--navy-2)!important;letter-spacing:.16em!important}
.sh2,h2{color:var(--navy)}
section{background-color:transparent}
#about,#testi,#marketing-plan,#process,#answers,#spec,#buyer-start,#market,#contact,#team,#areas{background:#f0f2f5!important;border-color:transparent!important}
#team,#marketing-plan,#areas,#answers{background:#e9edf4!important}
/* cards */
.tc,.tc-compact,.spec-card,.mp-card,.relo-card,.team-sup-card,.step,.answer-item,.cred-card,.area-card,.cma-box,.contact-form-box,.buyer-search-card,.buyer-cta,.mp-callout,.moving-truck,.team-stat,.scenarios-block,.market-city,.market-cities>div{
  background:#fff!important;border:1px solid rgba(20,32,74,.08)!important;border-radius:16px!important;box-shadow:0 6px 22px rgba(20,32,74,.07)!important}
.area-card{border-left:4px solid var(--navy-2)!important}
.spec-card.highlight{border-top:4px solid var(--red)!important}
.tc-text,.tc.featured .tc-text,.tc-text-compact{color:#3a4462!important}
.tc-name{color:var(--navy)!important}.tc-stars{color:#e0a100!important}
.testi-disclaimer{color:#6b7489!important}
.mp-callout-gold,.mp-callout-red{border-left:5px solid var(--red)!important}
.team-stat-num,.hstat-n{color:var(--navy-2)}
#hero .hstat-n{color:#fff!important}
.step-ghost{color:rgba(39,62,157,.10)!important}
.field input,.field select,.field textarea{background:#f6f7fb!important;border:1px solid rgba(20,32,74,.18)!important;color:#14204a!important;border-radius:10px!important}
.field select option{background:#fff!important;color:#14204a!important}
.field label{color:#14204a!important}
.wire-fraud-note{background:#fdf3e1!important;border:1px solid #f1d9a8!important;color:#7a4b00!important;border-radius:12px!important}
.wire-fraud-note *{color:#7a4b00!important}
.callout{background:#fff!important;border-radius:12px!important;box-shadow:0 6px 22px rgba(20,32,74,.07)}
.callout p{color:#4c5671!important}.callout strong{color:#14204a!important}
.marquee-band{background:#14204a!important;border:none!important}
.marquee-band .m-item.gold{color:#ffd27a!important}
.photo-break img{filter:none!important}
.photo-break::after,.photo-break .photo-break-text{background:linear-gradient(0deg,rgba(20,32,74,.78),rgba(20,32,74,.25))!important}
.phone-strip{background:linear-gradient(135deg,#1d2f6b,#273e9d)!important;border-top:4px solid var(--red)!important}
footer{background:#14204a!important}
.compliance-bar{background:#0f1838!important}
.foot-name span{color:#fff!important}
#quick-nav{background:#fff!important}
#mobile-bar{background:#1d2f6b!important}
.badge-block{color:#fff!important}
/* fixes round 2 */
#nav{background:#14204a!important;border-bottom:3px solid var(--red)!important;--white:#fff;--mid:#c9d2ee;--lt:#a9b5dc}
#nav .nav-links a{color:#dfe5f7!important}
#nav .nav-links a:hover{color:#fff!important}
#nav .nav-links .nav-cta{background:var(--red)!important}
.nav-phone a{color:#dfe5f7!important}
.burger span{background:#fff!important}
.ci-value,.ci-value *{color:#28324d}
.ci-value a{color:#1d2f6b!important}
#marketing-plan a.reveal span[style*="color:#fff"]{color:#14204a!important}
#marketing-plan a.reveal span[style*="background:var(--red)"]{color:#fff!important;border-radius:999px}
.social-btn{background:#fff!important;color:#1d2f6b!important;border-color:rgba(20,32,74,.15)!important}
/* round 3: other templates (home-not-selling, search, 404) */
body > header{background:#14204a!important;border-bottom:3px solid var(--red)!important;--white:#fff;--mid:#dfe5f7;--lt:#a9b5dc;--text:#e9edf8}
body > header .nav-links a{color:#dfe5f7!important}
body > header .nav-links a.active,body > header .nav-links a:hover{color:#fff!important}
body > header .nav-brand-text{color:#fff!important}
section.hero,section.search-hero{
  --white:#ffffff; --text:#e9edf8; --mid:#c9d2ee; --lt:#a9b5dc; --gold:#ffffff;
  --border:rgba(255,255,255,.14); --border2:rgba(255,255,255,.26);
  background:linear-gradient(135deg,#1d2f6b 0%,#273e9d 100%)!important;border-bottom:5px solid var(--red)!important;color:#e9edf8}
section.hero h1,section.search-hero h1{color:#fff!important}
section.hero .eyebrow,section.search-hero .eyebrow,section.hero [class*=eyebrow],section.search-hero [class*=eyebrow]{color:#ffd27a!important}
section.hero .crumb a,section.search-hero .crumb a{color:#fff!important}
section.hero .lead,section.search-hero p{color:#dfe5f7!important}
.search-frame-card{background:#fff!important;border-radius:16px!important;box-shadow:0 6px 22px rgba(20,32,74,.08)!important;border:1px solid rgba(20,32,74,.08)!important}
.contact-strip{background:#fff!important}
.reason,.qa,.faq-item{background:#fff;border-radius:12px}
.callout h2{color:#14204a!important}
.btn-out{color:#1d2f6b!important;border-color:rgba(29,47,107,.35)!important;background:#fff!important}
/* 404 */
body > .wrap .code{color:var(--red)!important}
body > .wrap h1{color:#14204a!important}
body > .wrap p{color:#4c5671!important}
/* interior article: give the top a navy rule like the dashboard */
#main > section:first-child{border-top:0}
#main .crumb a{color:var(--red)!important}
#main .cta-box{background:#fff!important;border:1px solid rgba(20,32,74,.08)!important;border-left:5px solid var(--red)!important;border-radius:16px!important;box-shadow:0 6px 22px rgba(20,32,74,.07)!important}
#main ul li,#main ol li{background:#fff!important;box-shadow:0 2px 10px rgba(20,32,74,.05)}
#main .lead{color:#28324d!important}
details.faq-item{background:transparent}
.city-chip{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:999px!important}
.city-chip:hover{background:#fff!important;color:#1d2f6b!important}
.browse-all{border-radius:999px!important}
.badge-realtor-mark{color:#1d2f6b!important;background:#fff!important}
.foot-badge.r{color:#fff!important;background:var(--red)!important;border-color:var(--red)!important}
.market-stale{color:#7a4b00!important;background:#fdf3e1!important;border-color:#f1d9a8!important}
.form-consent label,.form-consent label *{text-transform:none!important;letter-spacing:normal!important;font-size:.86rem!important;line-height:1.55!important}
.form-consent a,.consent-check a{color:#1d2f6b!important}
/* city market snapshot tables */
.mkt-table-wrap{overflow-x:auto;margin:0 0 26px;border-radius:12px;box-shadow:0 2px 10px rgba(20,32,74,.05)}
.mkt-table{width:100%;border-collapse:collapse;background:#fff;font-size:.93rem;min-width:480px}
.mkt-table th{background:#1d2f6b;color:#fff;text-align:left;font-family:var(--display);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:12px 14px}
.mkt-table td{padding:11px 14px;border-top:1px solid rgba(20,32,74,.08);color:#28324d}
.mkt-table tr:nth-child(even) td{background:#f6f7fb}
#main .cta-box .phone a{color:#fff!important}