/* ==========================================================================
   Stable Solutions 2.2.0 - brand identity layer
   Blue #009EE2 (Stable) - Grey #9C9B9B (Solutions) - White. One font: Tajawal.
   Light, clean, formal. Loaded after every other theme stylesheet.
   ========================================================================== */

:root {
  --stb-blue: #009ee2;
  --stb-blue-d: #0089c4;
  --stb-blue-soft: #e8f6fd;
  --stb-blue-line: #bfe6f7;
  --stb-gray: #9c9b9b;
  --stb-gray-d: #6f6f6e;
  --stb-ink: #2b2b2b;
  --stb-primary: #2b2b2b;
  --stb-accent: var(--stb-blue);
  --stb-muted: #6f6f6e;
  --stb-paper: #f6f7f7;
  --stb-stone: #eeefef;
  --stb-line: #e4e4e4;
  --stb-body: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
  --stb-heading: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
  --a-ink: #2b2b2b;
  --a-green: var(--stb-blue);
  --a-green-2: var(--stb-blue-d);
  --a-gold: var(--stb-blue);
  --a-gold-2: var(--stb-blue-d);
  --a-paper: #f6f7f7;
  --a-line: #e4e4e4;
  --a-radius: 10px;
}

/* ---------- one font everywhere ---------- */
html body.stb-theme,
body.stb-theme :is(h1,h2,h3,h4,h5,h6,p,a,span,li,dt,dd,label,button,input,select,textarea,th,td,strong,b,em,small,div,summary,legend,option):not(code):not(pre):not(kbd):not(.dashicons):not([class^="dashicons"]):not([class*=" dashicons"]):not(.ab-icon) {
  font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif !important;
  letter-spacing: 0;
}
body.stb-theme { background: #fff; color: var(--stb-ink); }
body.stb-theme h1, body.stb-theme h2, body.stb-theme h3, body.stb-theme h4 { color: var(--stb-ink); letter-spacing: 0 !important; }
body.stb-theme h1, body.stb-theme h2 { font-weight: 800; }
body.stb-theme h3, body.stb-theme h4 { font-weight: 700; }
body.stb-theme ::selection { background: var(--stb-blue); color: #fff; }
.eyebrow, .stb-phero__eyebrow, .stb-sys__head .eyebrow, .stb-contact-cta .eyebrow, .stb-cta-band .eyebrow { color: var(--stb-blue) !important; letter-spacing: 0 !important; text-transform: none; font-weight: 700; }
.stb-phero__eyebrow i { background: var(--stb-blue); }

/* ---------- calmer, more formal motion ---------- */
.stb-js [data-reveal] { transform: translateY(10px); transition: opacity .45s ease var(--d,0ms), transform .45s ease var(--d,0ms); }
.stb-js [data-reveal].is-visible { transform: none; }
.stb-js [data-reveal="img"] > * { clip-path: none !important; transition: none !important; }
.stb-btn:hover, .stb-hero__btn:hover, .stb-header__cta:hover, .stb-sys__card:hover, .stb-chip:hover, .stb-svc-card:hover { transform: none !important; }
.stb-hmarquee, .stb-ticker, .v5-ticker { display: none !important; }

/* ---------- buttons ---------- */
.stb-btn, .stb-hero__btn, .stb-chip, .stb-drawer__cta, .stb-header__cta, .stb-rvsum__btn { border-radius: 6px; font-weight: 700; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; }
.stb-btn-solid, .stb-hero__btn--gold, .stb-chip--gold, .stb-header__cta, .stb-drawer__cta, .stb-rvsum__btn,
.stb-btn:not(.stb-btn-solid):not(.stb-btn-outline) { background: var(--stb-blue) !important; border: 1px solid var(--stb-blue) !important; color: #fff !important; box-shadow: none !important; }
.stb-btn-solid:hover, .stb-hero__btn--gold:hover, .stb-chip--gold:hover, .stb-header__cta:hover, .stb-drawer__cta:hover, .stb-rvsum__btn:hover,
.stb-btn:not(.stb-btn-solid):not(.stb-btn-outline):hover { background: var(--stb-blue-d) !important; border-color: var(--stb-blue-d) !important; color: #fff !important; }
.stb-btn-outline, .stb-hero__btn--ghost, .stb-chip:not(.stb-chip--gold),
.v5-intro .stb-btn-outline, .stb-svcs .stb-btn-outline, .page-shell .stb-btn-outline { background: #fff !important; border: 1px solid var(--stb-blue) !important; color: var(--stb-blue) !important; }
.stb-btn-outline:hover, .stb-hero__btn--ghost:hover, .stb-chip:not(.stb-chip--gold):hover { background: var(--stb-blue-soft) !important; color: var(--stb-blue-d) !important; }
.stb-btn span, .stb-hero__btn span, .stb-chip span { color: inherit !important; }

/* ---------- header: white bar, colour logo ---------- */
.stb-header { color: var(--stb-ink); }
.stb-header__bar, .stb-header--floating .stb-header__bar, .stb-header.is-scrolled .stb-header__bar, .stb-header--floating.is-scrolled .stb-header__bar {
  background: #fff !important; border-bottom: 1px solid var(--stb-line) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none;
}
.stb-header.is-scrolled .stb-header__bar { box-shadow: 0 6px 18px rgba(0,0,0,.06) !important; }
.stb-header__bar::before, .stb-header__bar::after { display: none !important; }
.stb-header--floating .stb-header__inner { margin-top: 0 !important; padding: 12px 0 !important; border-radius: 0 !important; background: transparent !important; border: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; min-height: 72px; }
.stb-header--solid { background: #fff !important; }
.stb-header__top { background: var(--stb-paper) !important; border-bottom: 1px solid var(--stb-line) !important; color: var(--stb-gray-d) !important; }
.stb-header__note span, .stb-header__contact svg { color: var(--stb-blue) !important; }
.stb-header__contact a, .stb-header__socials a { color: var(--stb-gray-d) !important; }
.stb-header__contact a:hover, .stb-header__socials a:hover { color: var(--stb-blue) !important; }
.stb-header__socials { border-color: var(--stb-line) !important; }
.stb-header__nav > ul > li > a { color: #4a4a49 !important; font-weight: 500; }
.stb-header__nav > ul > li > a:hover, .stb-header__nav > ul > li.current-menu-item > a, .stb-header__nav > ul > li.current_page_item > a { color: var(--stb-blue) !important; }
.stb-header__nav > ul > li > a::after { background: var(--stb-blue) !important; height: 2px; }
.stb-header__nav .sub-menu { background: #fff !important; border: 1px solid var(--stb-line) !important; border-top: 2px solid var(--stb-blue) !important; box-shadow: 0 10px 24px rgba(0,0,0,.06); }
.stb-header__nav .sub-menu a { color: #4a4a49 !important; }
.stb-header__nav .sub-menu a:hover { color: var(--stb-blue) !important; background: var(--stb-paper) !important; }
.stb-header__icon, .stb-header--floating .stb-header__icon, .stb-header__toggle, .stb-header--floating .stb-header__toggle { border: 1px solid var(--stb-line) !important; border-radius: 6px !important; color: #4a4a49 !important; background: #fff !important; }
.stb-header__icon:hover, .stb-header__toggle:hover { border-color: var(--stb-blue) !important; color: var(--stb-blue) !important; background: #fff !important; }
.stb-header__verify { border: 1px solid var(--stb-line) !important; border-radius: 6px !important; color: var(--stb-blue) !important; background: #fff !important; }
.stb-header__verify:hover { border-color: var(--stb-blue) !important; background: var(--stb-blue-soft) !important; color: var(--stb-blue-d) !important; }
.stb-header__cta, .stb-header--floating .stb-header__cta { border-radius: 6px !important; height: 40px; }
/* logged-in: «مساحة العمل / بوابة الشركة» - was white text on white (empty-looking button) */
.stb-header__cta.is-in { background: #fff !important; border: 1px solid var(--stb-blue) !important; color: var(--stb-blue) !important; }
.stb-header__cta.is-in span, .stb-header__cta.is-in svg { color: var(--stb-blue) !important; stroke: currentColor; }
.stb-header__cta.is-in:hover { background: var(--stb-blue) !important; color: #fff !important; }
.stb-header__cta.is-in:hover span, .stb-header__cta.is-in:hover svg { color: #fff !important; }
.stb-header__login.is-in { color: var(--stb-blue) !important; }

/* newsbar (if enabled) */
.stb-newsbar { background: var(--nb-bg, #f6f7f7) !important; color: var(--nb-color, #4a4a49) !important; border-bottom: 1px solid var(--stb-line) !important; }

/* ---------- mobile drawer: white ---------- */
.stb-drawer__overlay { background: rgba(43,43,43,.35) !important; }
.stb-drawer__panel { background: #fff !important; color: var(--stb-ink) !important; border-left: 1px solid var(--stb-line) !important; }
.stb-drawer__head { border-color: var(--stb-line) !important; }
.stb-drawer__close { border-color: var(--stb-line) !important; color: #4a4a49 !important; border-radius: 6px !important; }
.stb-drawer__eyebrow, .stb-drawer__nav > ul > li > a::after, .stb-drawer__contact svg { color: var(--stb-blue) !important; }
.stb-drawer__nav > ul > li { border-color: var(--stb-line) !important; }
.stb-drawer__nav > ul > li > a { color: var(--stb-ink) !important; }
.stb-drawer__nav > ul > li.current-menu-item > a, .stb-drawer__nav > ul > li.current_page_item > a { color: var(--stb-blue) !important; }
.stb-drawer__nav .sub-menu a, .stb-drawer__contact { color: var(--stb-gray-d) !important; }
.stb-drawer__account a, .stb-drawer__socials a { border: 1px solid var(--stb-line) !important; color: var(--stb-ink) !important; border-radius: 6px !important; }
.stb-drawer__account svg { color: var(--stb-blue); }

/* ---------- page heroes (inner pages): light ---------- */
.stb-phero, .stb-phero--contact, .stb-rvpage__hero { background: var(--stb-paper) !important; border-bottom: 1px solid var(--stb-line); }
.stb-phero::before, .stb-phero__grid { display: none !important; }
.stb-phero h1, .stb-phero--city h1 { color: var(--stb-ink) !important; }
.stb-phero__inner > p, .stb-phero p, .stb-phero--city p { color: var(--stb-gray-d) !important; }
.stb-phero__crumbs, .stb-phero__crumbs a, .stb-breadcrumbs, .stb-breadcrumbs a { color: var(--stb-gray) !important; }
.stb-phero__crumbs a:hover, .stb-phero__crumbs span[aria-current] { color: var(--stb-blue) !important; }

/* ---------- home: new simple hero (system first) ---------- */
.stb-shero { position: relative; padding: 132px 0 72px; background: #fff; border-bottom: 1px solid var(--stb-line); direction: rtl; }
.stb-shero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; align-items: center; }
.stb-shero__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; color: var(--stb-blue); font-size: 15px; font-weight: 700; }
.stb-shero__eyebrow i { display: block; width: 26px; height: 2px; background: var(--stb-blue); }
.stb-shero h1 { margin: 0 0 16px; font-size: clamp(32px, 4vw, 52px); line-height: 1.2; font-weight: 800; color: var(--stb-ink); }
.stb-shero h1 em { display: block; font-style: normal; color: var(--stb-blue); }
.stb-shero__text { max-width: 560px; margin: 0 0 26px; font-size: 18px; line-height: 1.85; color: var(--stb-gray-d); }
.stb-shero__verify { max-width: 560px; margin: 0 0 22px; padding: 18px 20px; background: #fff; border: 1px solid var(--stb-line); border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.04); }
.stb-shero__verify h2 { margin: 0 0 12px; font-size: 17px !important; font-weight: 700 !important; color: var(--stb-ink); }
.stb-shero__verify .stb-verify { margin: 0; }
.stb-shero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 22px; }
.stb-shero__actions .stb-btn { margin: 0; min-height: 48px; padding: 0 22px; font-size: 15.5px; }
.stb-shero__actions svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.stb-shero__points { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; padding: 0; list-style: none; }
.stb-shero__points li { display: inline-flex; align-items: center; gap: 7px; color: var(--stb-gray-d); font-size: 14.5px; font-weight: 500; }
.stb-shero__points svg { width: 16px; height: 16px; color: var(--stb-blue); fill: none; stroke: currentColor; stroke-width: 2; }
.stb-shero__media { margin: 0; }
.stb-shero__media img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover; border-radius: 12px; border: 1px solid var(--stb-line); }
@media (max-width: 980px) {
  .stb-shero { padding: 104px 0 52px; }
  .stb-shero__grid { grid-template-columns: 1fr; gap: 28px; }
  .stb-shero__media { order: -1; }
  .stb-shero__media img { aspect-ratio: 16 / 10; }
}
@media (max-width: 600px) {
  .stb-shero { padding: 92px 0 44px; }
  .stb-shero__text { font-size: 16px; }
  .stb-shero__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .stb-shero__actions .stb-btn { justify-content: center; padding: 0 12px; }
}

/* verify form */
.stb-verify input { border-color: var(--stb-line) !important; background: #fff !important; color: var(--stb-ink); }
.stb-verify input:focus { border-color: var(--stb-blue) !important; }
.stb-verify__ico { color: var(--stb-blue) !important; }

/* ---------- home: system portal (light) ---------- */
.stb-sys { background: #fff !important; color: var(--stb-ink) !important; padding: 90px 0 80px; }
.stb-sys__bg { display: none !important; }
.stb-sys__head h2 { color: var(--stb-ink) !important; }
.stb-sys__head h2 em, .v5-intro-copy h2 em, .v5-section-head h2 em, .v5-cta h2 em { color: var(--stb-blue) !important; }
.stb-sys__head p { color: var(--stb-gray-d) !important; }
.stb-sys__card { background: #fff !important; border: 1px solid var(--stb-line) !important; border-radius: 10px !important; backdrop-filter: none !important; min-height: 0 !important; }
.stb-sys__card:hover { border-color: var(--stb-blue-line) !important; box-shadow: 0 8px 22px rgba(0,0,0,.05); }
.stb-sys__card--verify { background: #fff !important; }
.stb-sys__grid { grid-template-columns: repeat(3, 1fr) !important; }
.stb-sys__tag { color: var(--stb-gray) !important; }
.stb-sys__ico { background: var(--stb-blue-soft) !important; color: var(--stb-blue) !important; border-radius: 10px !important; }
.stb-sys__card h3 { color: var(--stb-ink) !important; }
.stb-sys__card p { color: var(--stb-gray-d) !important; }
.stb-sys__more { color: var(--stb-blue) !important; }
.stb-sys__more:hover { color: var(--stb-blue-d) !important; }
.stb-sys__points { border-top: 1px solid var(--stb-line) !important; }
.stb-sys__points li { color: var(--stb-ink) !important; }
.stb-sys__points svg { color: var(--stb-blue) !important; }
@media (max-width: 1024px) { .stb-sys__grid { grid-template-columns: 1fr !important; } .stb-sys__card--verify { grid-column: auto !important; } }

/* ---------- home sections ---------- */
.v5-intro { background: var(--stb-paper) !important; }
.v5-intro-copy h2, .v5-section-head h2, .v5-cta h2 { color: var(--stb-ink) !important; letter-spacing: 0 !important; font-size: clamp(30px, 3.4vw, 46px) !important; }
.v5-intro-copy > p, .v5-section-head p { color: var(--stb-gray-d) !important; }
.v5-process { background: var(--stb-paper) !important; }
.v5-process-grid { border-color: var(--stb-line) !important; background: #fff !important; }
.v5-process-grid > div { border-color: var(--stb-line) !important; }
.v5-process-grid strong { color: var(--stb-blue) !important; }
.v5-process-grid h3 { color: var(--stb-ink) !important; }
.v5-process-grid p { color: var(--stb-gray-d) !important; }
.stb-trusted { background: #fff !important; color: var(--stb-ink) !important; border-top: 1px solid var(--stb-line); }
.stb-trusted p { color: var(--stb-gray-d) !important; }
.stb-trusted-logo { border: 1px solid var(--stb-line); border-radius: 8px !important; }
.stb-about-partners { background: var(--stb-paper) !important; }
.v5-cta { background: var(--stb-blue-soft) !important; color: var(--stb-ink) !important; border-top: 1px solid var(--stb-blue-line); }
.v5-cta .eyebrow { color: var(--stb-blue) !important; }
.v5-cta .stb-btn:hover, .v5-cta .stb-btn:hover span { background: var(--stb-blue-d) !important; border-color: var(--stb-blue-d) !important; color: #fff !important; }
.stb-fx__badge, .stb-article__cta, .stb-filters .stb-filter.is-active, .stb-article__share a:hover, .stb-skip-link:focus { background: var(--stb-blue) !important; border-color: var(--stb-blue) !important; color: #fff !important; }

/* ---------- contact band / CTA bands: light blue ---------- */
.stb-contact-cta, .stb-cta-band { background: var(--stb-blue-soft) !important; color: var(--stb-ink) !important; border-top: 1px solid var(--stb-blue-line); }
.stb-contact-cta::before { display: none !important; }
.stb-contact-cta h2, .stb-cta-band h2 { color: var(--stb-ink) !important; }
.stb-contact-cta p, .stb-cta-band p { color: var(--stb-gray-d) !important; }
.stb-contact-cta .stb-btn-outline, .stb-cta-band .stb-btn-outline { color: var(--stb-blue) !important; border-color: var(--stb-blue) !important; background: #fff !important; }
.stb-reels--home, .stb-reels--dark, .stb-rvsum, .stb-rvpage__cta { background: var(--stb-paper) !important; color: var(--stb-ink) !important; border: 1px solid var(--stb-line) !important; }

/* ---------- auth / report pages ---------- */
.stb-auth__tabs a.is-active, .stb-auth form input[type=submit] { background: var(--stb-blue) !important; border-color: var(--stb-blue) !important; color: #fff !important; border-radius: 6px !important; }
.stb-auth__card { border-radius: 10px; }
.stb-auth__card:first-child { border-top: 3px solid var(--stb-blue); }
.stb-auth__side, .stb-auth__verify { background: var(--stb-blue-soft) !important; color: var(--stb-ink) !important; border: 1px solid var(--stb-blue-line) !important; border-radius: 10px; }
.stb-auth__side h2, .stb-auth__verify h2, .stb-auth__side .stb-formsec__points li, .stb-auth__side .stb-auth__note a { color: var(--stb-ink) !important; }
.stb-auth__side p, .stb-auth__side .stb-auth__note, .stb-auth__verify p { color: var(--stb-gray-d) !important; }
.stb-auth__verify .stb-verify input { border-color: var(--stb-line) !important; }
.stb-report__card, .stb-report__tile { border-radius: 10px; }
.stb-report__tile:first-child { background: var(--stb-blue) !important; border-color: var(--stb-blue) !important; }
.stb-report__tile:first-child h3, .stb-report__tile:first-child p { color: #fff !important; }
.stb-form input, .stb-form select, .stb-form textarea, .stb-auth form input[type=text], .stb-auth form input[type=password] { border-color: var(--stb-line) !important; border-radius: 6px !important; }

/* ---------- staff workspace + company portal ---------- */
.stb-ws { background: var(--stb-paper) !important; }
.stb-ws__hero { background: #fff !important; color: var(--stb-ink) !important; border-bottom: 1px solid var(--stb-line); padding-top: 112px !important; }
.stb-ws__hero::before { display: none !important; }
.stb-ws__hello h1 { color: var(--stb-ink) !important; }
.stb-ws__hello p { color: var(--stb-gray-d) !important; }
.stb-ws__tabs { border-top: 1px solid var(--stb-line) !important; }
.stb-ws__tabs a { color: #4a4a49 !important; }
.stb-ws__tabs a:hover { color: var(--stb-blue) !important; background: var(--stb-paper) !important; }
.stb-ws__tabs a.is-active { color: var(--stb-blue) !important; }
.stb-ws__tabs a::after { background: var(--stb-blue) !important; }
.stb-ws__tabs .stb-ws__logout { color: var(--stb-gray-d) !important; }
.stb-ws-search, .stb-ws-stats li, .stb-ws-box { border-radius: 10px; border-color: var(--stb-line) !important; }
.stb-ws-act { color: var(--stb-blue) !important; border-color: var(--stb-line) !important; border-radius: 6px !important; }
.stb-ws-act.is-primary, .stb-ws-pager a.is-current { background: var(--stb-blue) !important; border-color: var(--stb-blue) !important; color: #fff !important; }
.stb-ws-pager a, .stb-ws-pager span { color: var(--stb-ink) !important; }
.stb-ws .medr-fe .grp-title, .stb-ws .medr-fe button.go { background: var(--stb-blue) !important; }

/* ---------- footer: white, colour logo ---------- */
.stb-ft, .stb-footer { background: #fff !important; color: var(--stb-ink) !important; border-top: 3px solid var(--stb-blue); }
.stb-ft::before, .stb-ft::after, .stb-footer::before, .stb-footer::after { display: none !important; }
.stb-ft__grid { border-bottom: 1px solid var(--stb-line) !important; }
.stb-ft__tagline, .stb-ft__links a, .stb-ft__links li, .stb-ft__contact li, .stb-ft__bottom, .stb-ft__legal a, .stb-ft__credit a { color: var(--stb-gray-d) !important; }
.stb-ft__links a:hover, .stb-ft__contact a:hover, .stb-ft__legal a:hover, .stb-ft__credit a:hover { color: var(--stb-blue) !important; }
.stb-ft__col summary, .stb-ft__col h3 { color: var(--stb-ink) !important; font-weight: 700; }
.stb-ft__contact svg { color: var(--stb-blue) !important; }
.stb-ft__socials a { border: 1px solid var(--stb-line) !important; color: var(--stb-gray-d) !important; }
.stb-ft__socials a:hover { background: var(--stb-blue) !important; border-color: var(--stb-blue) !important; color: #fff !important; }
.stb-ft__tiles a, .stb-ft__gbadge { background: var(--stb-paper) !important; border-color: var(--stb-line) !important; color: var(--stb-ink) !important; }
.stb-ft__tiles span { color: var(--stb-gray-d) !important; }
@media (max-width: 760px) {
  .stb-ft__col, .stb-ft__col:last-of-type { border-color: var(--stb-line) !important; }
  .stb-ft__col summary { color: var(--stb-ink) !important; }
}



/* hero verify: input and button on one even row */
.stb-shero__verify .stb-verify { display: flex !important; align-items: stretch !important; gap: 0 !important; position: relative; border: 1px solid var(--stb-line); border-radius: 6px; overflow: hidden; background: #fff; padding: 0 !important; }
.stb-shero__verify .stb-verify__ico { position: absolute; inset-inline-start: 14px; top: 50%; transform: translateY(-50%); color: var(--stb-blue); display: flex; }
.stb-shero__verify .stb-verify input { flex: 1 1 auto; min-width: 0; height: 52px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; padding: 0 44px 0 14px !important; background: transparent !important; box-shadow: none !important; }
.stb-shero__verify .stb-verify button { flex: 0 0 auto; height: 52px !important; margin: 0 !important; border-radius: 0 !important; padding: 0 22px !important; }
.stb-shero__verify .stb-verify:focus-within { border-color: var(--stb-blue); box-shadow: 0 0 0 3px rgba(0,158,226,.15); }

/* 2.2.1: anti-spam field — hide without pushing the page sideways (left:-9999px broke RTL pages) */
.stb-form { position: relative; }
.stb-hp { position: absolute !important; left: auto !important; right: auto !important; top: 0 !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important; }

/* =====================================================================
   2.2.1 fixes
   ===================================================================== */

/* header: darker, clearer menu text */
.stb-header__nav > ul > li > a { color: var(--stb-ink) !important; font-weight: 600 !important; font-size: 16px !important; }
.stb-header__nav .sub-menu a { color: var(--stb-ink) !important; font-weight: 500; }

/* page heroes with a photo (every inner page): the text side sits on solid
   white, the photo only shows on the far side, so titles are always readable */
.stb-phero--media { background: #fff !important; }
.stb-phero--media::after { opacity: 1 !important; background-position: left center !important; z-index: -3 !important; }
.stb-phero--media::before {
  display: block !important; content: "" !important; position: absolute; inset: 0; z-index: -2 !important;
  background: linear-gradient(270deg, #fff 0%, #fff 46%, rgba(255,255,255,.9) 58%, rgba(255,255,255,.35) 80%, rgba(255,255,255,.1) 100%) !important;
  opacity: 1 !important;
}
.stb-phero--media h1 { color: var(--stb-ink) !important; }
.stb-phero--media .stb-phero__inner > p, .stb-phero--media p { color: #4a4a49 !important; max-width: 620px; }
.stb-phero .stb-breadcrumbs, .stb-phero .stb-breadcrumbs a, .stb-phero__crumbs, .stb-phero__crumbs a { color: #6f6f6e !important; }
.stb-phero .stb-breadcrumbs span[aria-current], .stb-phero__crumbs span[aria-current] { color: var(--stb-blue) !important; }
.stb-phero .stb-chip:not(.stb-chip--gold) { background: #fff !important; color: var(--stb-blue) !important; border: 1px solid var(--stb-blue) !important; }
@media (max-width: 900px) {
  /* phones/tablets: the text spans the full width, so no photo behind it */
  .stb-phero--media::after { display: none !important; }
  .stb-phero--media::before { background: var(--stb-paper) !important; }
  .stb-phero--media { background: var(--stb-paper) !important; }
}

/* contact page: light map bar */
.stb-contact__mapbar { background: var(--stb-paper) !important; color: var(--stb-ink) !important; border-top: 1px solid var(--stb-line); }
.stb-contact__mapbar span { color: #6f6f6e !important; }
.stb-contact__social a:hover { background: var(--stb-blue) !important; border-color: var(--stb-blue) !important; }

/* partners: bigger, full-colour logos that always scroll (desktop + phone) */
.stb-trusted, .stb-trusted--logos { padding: 70px 0 !important; text-align: center; }
.stb-trusted > .container > p {
  margin: 0 0 30px !important; color: var(--stb-ink) !important;
  font: 700 clamp(22px, 2.4vw, 30px)/1.35 var(--stb-heading) !important;
}
.stb-trusted-marquee { direction: ltr; overflow: hidden; }
.stb-trusted-marquee__track {
  display: flex !important; align-items: center; gap: 22px !important; width: max-content !important;
  animation: stb-partners 34s linear infinite !important;
  animation-iteration-count: infinite !important; animation-duration: 34s !important;
  will-change: transform;
}
.stb-trusted-marquee:hover .stb-trusted-marquee__track { animation-play-state: paused !important; }
.stb-trusted-logo {
  width: 220px !important; height: 116px !important; padding: 14px 22px !important;
  background: #fff !important; border: 1px solid var(--stb-line) !important; border-radius: 10px !important;
  display: grid !important; place-items: center; flex: 0 0 auto;
}
.stb-trusted-logo img { max-width: 100% !important; max-height: 84px !important; width: auto; height: auto; object-fit: contain; filter: none !important; opacity: 1 !important; }
@keyframes stb-partners { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@media (max-width: 760px) {
  .stb-trusted, .stb-trusted--logos { padding: 48px 0 !important; }
  .stb-trusted-marquee { mask-image: none !important; -webkit-mask-image: none !important; }
  .stb-trusted-marquee__track { gap: 14px !important; animation-duration: 24s !important; }
  .stb-trusted-logo { width: 160px !important; height: 92px !important; padding: 10px 14px !important; }
  .stb-trusted-logo img { max-height: 66px !important; }
}
.stb-trusted-marquee__track { padding-right: 22px !important; }
@media (max-width: 760px) { .stb-trusted-marquee__track { padding-right: 14px !important; } }