/* ═══════════════ v23 corrections — match approved preview + cream scheme ═══════════════ */

/* 1) Remove washed-out shimmer so gold shows pure/approved */
.br-site .br-btn--gold::before,
.br-site .br-project-wa::before { display: none !important; }

/* 2) Approved gold gradient (authoritative) */
.br-site { --br-gold-gradient: linear-gradient(120deg, #a8862b 0%, #d4af37 40%, #f0d98c 60%, #d4af37 100%); }

/* 3) Font sizes — match approved preview (smaller) */
.br-site .br-section-title { font-size: clamp(1.65rem, 3.4vw, 2.5rem) !important; }
.br-site .br-section-sub { font-size: 1rem !important; }
.br-site .br-hero-stat strong { font-size: clamp(1.4rem, 2.4vw, 1.85rem) !important; }
.br-site .br-hero-stat span { font-size: .82rem !important; }
.br-site .br-story-ribbon blockquote { font-size: clamp(1.2rem, 2.4vw, 1.8rem) !important; }
.br-site .br-about-hero h1 { font-size: clamp(1.9rem, 4.4vw, 3.1rem) !important; }
.br-site .br-about-story .br-section-title { font-size: clamp(1.55rem, 3.2vw, 2.35rem) !important; }
.br-site .br-about-story .br-section-sub,
.br-site .br-about-story__last { font-size: 1rem !important; line-height: 1.9 !important; }
.br-site .br-page-hero h1 { font-size: clamp(1.9rem, 4.3vw, 3rem) !important; }
.br-site .br-featured-hub__title { font-size: clamp(3rem, 6vw, 4.6rem) !important; }

/* 4) Hero — raise actions + stats a little higher */
.br-site .br-home-hero__content { gap: 30px !important; padding-bottom: 84px !important; }

/* 5) HUB 88 featured band — RTL: text to the RIGHT, dark side on the right */
[dir="rtl"] .br-site .br-featured-hub__content { margin-inline: 0 auto !important; text-align: right !important; }
[dir="rtl"] .br-site .br-featured-hub {
    background:
        linear-gradient(270deg, rgba(8, 13, 26, .96) 0%, rgba(8, 13, 26, .78) 38%, rgba(8, 13, 26, .34) 100%),
        url("../../assets/images/background-1.webp") center/cover no-repeat !important;
}

/* 6) ROI calculator — cream scheme, fully readable (fixes navy-on-navy scenario titles) */
.br-site #roi.sec { background: var(--br-cream) !important; }
.br-site #roi .roi-wrapper { background: #fff !important; }
.br-site #roi .sec-title,
.br-site #roi .roi-head .sec-title { color: var(--br-navy-900) !important; }
.br-site #roi .sec-label { color: var(--br-gold-deep) !important; }
.br-site #roi .roi-group label { color: var(--br-navy-800) !important; }
.br-site #roi .roi-group label i { color: var(--br-gold-deep) !important; }
.br-site #roi .roi-group input,
.br-site #roi .roi-group select { background: #fff !important; color: var(--br-navy-900) !important; border-color: rgba(28, 35, 51, .18) !important; }
.br-site #roi .roi-advanced-toggle { background: var(--br-cream) !important; color: var(--br-navy-800) !important; border-color: rgba(28, 35, 51, .15) !important; }
.br-site #roi .roi-advanced { background: var(--br-cream) !important; border-color: rgba(28, 35, 51, .1) !important; }
.br-site #roi .roi-result { background: var(--br-cream) !important; border-color: rgba(28, 35, 51, .12) !important; }
.br-site #roi .roi-result-head h4 { color: var(--br-navy-900) !important; }
.br-site #roi .roi-result-head p { color: var(--br-muted) !important; }
.br-site #roi .roi-metric,
.br-site #roi .roi-scenario { background: #fff !important; border-color: rgba(28, 35, 51, .12) !important; color: var(--br-navy-900) !important; }
.br-site #roi .roi-scenario h5 { color: var(--br-navy-900) !important; }
.br-site #roi .roi-metric strong,
.br-site #roi .roi-scenario dd,
.br-site #roi .roi-scenario header span { color: var(--br-gold-deep) !important; }
.br-site #roi .roi-scenario dt,
.br-site #roi .roi-metric span,
.br-site #roi .roi-metric small,
.br-site #roi .roi-scenario small,
.br-site #roi .roi-note { color: var(--br-muted) !important; }
.br-site #roi .roi-calculate { background: var(--br-gold-gradient) !important; color: var(--br-navy-950) !important; }

/* 7) Cream-dominant sections — all navy content sections except the contact form */
.br-site .br-section--navy:not(#interest-form) { background: var(--br-cream) !important; color: var(--br-navy-900) !important; }

.br-site .br-section--navy:not(#interest-form) .br-section-title,
.br-site .br-section--navy:not(#interest-form) h2,
.br-site .br-section--navy:not(#interest-form) h3,
.br-site .br-section--navy:not(#interest-form) h4,
.br-site .br-section--navy:not(#interest-form) .br-faq-question { color: var(--br-navy-900) !important; }

.br-site .br-section--navy:not(#interest-form) .br-section-sub,
.br-site .br-section--navy:not(#interest-form) > .br-container > p,
.br-site .br-section--navy:not(#interest-form) .br-checks li,
.br-site .br-section--navy:not(#interest-form) .br-faq-answer,
.br-site .br-section--navy:not(#interest-form) figcaption { color: var(--br-muted) !important; }

.br-site .br-section--navy:not(#interest-form) .br-eyebrow,
.br-site .br-section--navy:not(#interest-form) .br-stat-item strong { color: var(--br-gold-deep) !important; }

.br-site .br-section--navy:not(#interest-form) .br-faq-item { border-color: rgba(28, 35, 51, .12) !important; }
