/* Viet Property Scout — V007 FINAL DESIGN SYSTEM
   THIS FILE IS THE LAST AND ONLY VISUAL AUTHORITY FOR PUBLIC UI.
   Header: #FFFFFF
   Hero / Main CTA: #0B625C
   CTA hover: #084B47
   Gold detail only: #C7A04A
   Dark footer/blocks: #17323A
   Main text: #263238
*/
:root{
 --vps-primary:#0B625C;
 --vps-primary-hover:#084B47;
 --vps-gold:#C7A04A;
 --vps-dark:#17323A;
 --vps-text:#263238;
 --vps-ivory:#F5F1E8;
 --vps-accent:#A63D3B;
 --primary:#0B625C;
 --secondary:#0B625C;
 --dark:#17323A;
 --primary-inverse:#fff;
 --secondary-inverse:#fff;
}
html,body{color:#263238!important}
body,p,li,td,th,label,input,select,textarea{color:#263238}
a{color:#0B625C}a:hover,a:focus{color:#084B47}

/* HEADER IS ALWAYS WHITE */
#header .header-body,#header .header-container,#header .header-top{background:#fff!important}
#header .header-body{border-top:2px solid #C7A04A!important}
#header .header-top{border-bottom:1px solid rgba(38,50,56,.08)!important}
#header .header-nav-main nav>ul>li>a{color:#263238!important}
#header .header-nav-main nav>ul>li>a.active,
#header .header-nav-main nav>ul>li:hover>a,
#header .header-nav-main nav>ul>li:focus>a{color:#0B625C!important}

/* EVERY INTERNAL PAGE HERO USES THE SAME CORPORATE TEAL */
body .sc-listings-page .page-hero,
body .sc-blog-hero,
body .sc-blog-detail-hero,
body .sc-agents-hero,
body .sc-offices-hero,
body .sc-offices-hero.bg-color-primary,
body .sc-corp-hero,
body .sc-corp-hero.bg-color-primary,
body .sc-contact-hero,
body .sc-contact-hero.bg-color-primary,
body .sc-favorites-hero,
body .sc-member-hero,
body .sc-valuation-hero,
body .sc-static-hero,
body .sc-static-hero.bg-color-primary{
 background:#0B625C!important;
 color:#fff!important;
 border:0!important;
}
body .sc-offices-hero h1,body .sc-corp-hero h1,body .sc-contact-hero h1,
body .sc-listings-page .page-hero h1,body .sc-blog-hero h1,body .sc-blog-detail-hero h1,
body .sc-agents-hero h1,body .sc-favorites-hero h1,body .sc-member-hero h1,
body .sc-valuation-hero h1,body .sc-static-hero h1{color:#fff!important}
body .sc-offices-hero p,body .sc-corp-hero p,body .sc-contact-hero p,
body .sc-listings-page .page-hero p,body .sc-blog-hero p,body .sc-agents-hero p,
body .sc-favorites-hero p,body .sc-member-hero p,body .sc-valuation-hero p,
body .sc-static-hero p{color:rgba(255,255,255,.84)!important}
body .sc-offices-hero .breadcrumb a,body .sc-corp-hero .breadcrumb a,
body .sc-contact-hero .breadcrumb a,body .sc-favorites-hero .breadcrumb a,
body .sc-valuation-hero .breadcrumb a,body .sc-static-hero .breadcrumb a{color:rgba(255,255,255,.82)!important}
body .sc-offices-hero .breadcrumb .active,body .sc-corp-hero .breadcrumb-item.active,
body .sc-contact-hero .breadcrumb-item.active,body .sc-favorites-hero .breadcrumb-item.active,
body .sc-valuation-hero .breadcrumb-item.active,body .sc-static-hero .breadcrumb-item.active{color:#fff!important}

/* Gold only as a small detail */
.sc-office-hero-kicker,.sc-corp-hero-kicker,.sc-contact-kicker,
.sc-blog-hero-eyebrow,.sc-blog-detail-eyebrow,.sc-static-kicker,
.sc-office-eyebrow:before,.sc-corp-eyebrow:before{color:#C7A04A!important;border-color:#C7A04A!important}
.sc-office-eyebrow:before,.sc-corp-eyebrow:before{background:#C7A04A!important}

/* PROJECT HERO MAY KEEP PHOTO, BUT BLUE OVERLAY IS FORBIDDEN */
.sc-project-hero::before{background:linear-gradient(90deg,rgba(8,75,71,.94) 0%,rgba(8,75,71,.84) 44%,rgba(8,75,71,.40) 74%,rgba(8,75,71,.14) 100%)!important}
html[dir="rtl"] .sc-project-hero::before{background:linear-gradient(270deg,rgba(8,75,71,.94) 0%,rgba(8,75,71,.84) 44%,rgba(8,75,71,.40) 74%,rgba(8,75,71,.14) 100%)!important}

/* ALL LARGE ACTIONS: TEAL + WHITE. NEVER GOLD. */
.btn-primary,.btn-secondary,.btn-warning,.button-copper,.button-navy,
#header .btn-secondary,#header .header-btn-collapse-nav,
button[type="submit"].btn,a.btn-primary,a.btn-secondary,
.sc-office-card-cta,.sc-corp-cta-button,.sc-contact-submit,.sc-contact-cta-button{
 background:#0B625C!important;border-color:#0B625C!important;color:#fff!important;
}
.btn-primary *,.btn-secondary *,.btn-warning *,.button-copper *,.button-navy *,
#header .btn-secondary *,#header .header-btn-collapse-nav *,.sc-office-card-cta *{color:#fff!important}
.btn-primary:hover,.btn-primary:focus,.btn-secondary:hover,.btn-secondary:focus,
.btn-warning:hover,.btn-warning:focus,.button-copper:hover,.button-navy:hover,
#header .btn-secondary:hover,#header .header-btn-collapse-nav:hover,
.sc-office-card-cta:hover,.sc-corp-cta-button:hover,.sc-contact-submit:hover,.sc-contact-cta-button:hover{
 background:#084B47!important;border-color:#084B47!important;color:#fff!important;
}

/* NO LARGE GOLD BACKGROUNDS */
.bg-secondary,.text-bg-secondary{background:#0B625C!important;color:#fff!important}
.bg-secondary *,.text-bg-secondary *{color:#fff!important}
.badge-warning,.label-warning,.vps-gold-badge{background:#C7A04A!important;color:#fff!important}
.text-color-secondary,.vps-gold-text,.vps-gold-icon{color:#C7A04A!important}

/* OLD CUSTOM BLUE HELPERS ARE FORCED INTO CORPORATE TOKENS */
.text-color-primary{color:#0B625C!important}.bg-primary,.text-bg-primary{background:#0B625C!important;color:#fff!important}
.favorite-button.active,.sc-favorites-page .favorite-button.active{color:#0B625C!important}

/* FOOTER / DARK BLOCKS */
#footer,.vps-dark-block{background:#17323A!important;color:#fff!important;border-top:2px solid #C7A04A!important}
#footer a{color:#fff!important}#footer a:hover{color:#C7A04A!important}

/* logo scaling from admin remains authoritative */
.sc-brand-image-header{width:var(--vps-header-logo-width,434px)!important;height:var(--vps-header-logo-height,60px)!important;max-width:100%!important;object-fit:contain!important}
.sc-brand-image-footer{width:var(--vps-footer-logo-width,434px)!important;height:var(--vps-footer-logo-height,60px)!important;max-width:100%!important;object-fit:contain!important}

::selection{background:#0B625C;color:#fff}

/* VPS Advisors hero breadcrumb — scoped correction */
body .sc-agents-hero .breadcrumb > li,
body .sc-agents-hero .breadcrumb > li > a{
    color:rgba(255,255,255,.78)!important;
}
body .sc-agents-hero .breadcrumb > li.active{
    color:#fff!important;
    opacity:1!important;
}
body .sc-agents-hero .breadcrumb > li + li::before{
    color:rgba(255,255,255,.58)!important;
}
body .sc-agents-hero .breadcrumb > li > a:hover{
    color:#fff!important;
}