/* WEALSURE V46 — MONOCHROME PREMIUM GREEN MASTER THEME
   All website UI accents are green. The supplied official logo image is preserved as-is. */
:root{
  --ws-green:#008a4b !important;
  --ws-green-deep:#006b3c !important;
  --ws-green-mid:#00a651 !important;
  --ws-green-soft:#eaf8f0 !important;
  --ws-red:#008a4b !important;
  --ws-red-deep:#006b3c !important;
  --ws-red-soft:#eaf8f0 !important;
  --ws-gradient:linear-gradient(105deg,#005f3b 0%,#008a4b 48%,#00b85a 100%) !important;
  --ws-gradient-reverse:linear-gradient(105deg,#00b85a 0%,#008a4b 52%,#005f3b 100%) !important;
  --ws-gradient-soft:linear-gradient(135deg,rgba(0,138,75,.12),rgba(0,166,81,.06)) !important;
  --ws-brand-red:#008a4b !important;
  --ws-brand-red-deep:#006b3c !important;
  --ws-brand-gradient:linear-gradient(105deg,#005f3b 0%,#008a4b 50%,#00b85a 100%) !important;
  --ws-button-red:#008a4b !important;
  --ws-button-red-hover:#006b3c !important;
  --ws-button-red-soft:rgba(0,138,75,.20) !important;
  --ws-red-light:#eefaf3 !important;
}

html,body{background:#fff !important;}
body{
  background:
    radial-gradient(circle at 8% 4%,rgba(0,138,75,.055),transparent 26%),
    radial-gradient(circle at 92% 10%,rgba(0,166,81,.035),transparent 25%),#fff !important;
}

/* ALL TYPOGRAPHY / HEADINGS: GREEN ONLY */
h1,h2,h3,h4,h5,h6,
.hero h1,.hero h2,.hero-v18 h1,.hero-v18 h2,
.section-title,.section-heading,.page-title,.display-title,
.display,.h1,.h2,.h3,.title,.feature-band h1,.feature-band h2,
.portfolio-shell h3,.service-hero h1,.service-hero h2{
  color:#008a4b !important;
  -webkit-text-fill-color:#008a4b !important;
  background-image:none !important;
  background-color:transparent !important;
  text-shadow:none !important;
}
.hero-v18 h1 em,.hero-v18 h1 span,.h2 em,.h2 span,
h1 em,h1 span,h2 em,h2 span,h3 em,h3 span,
.section-title em,.display em,.display span{
  color:#008a4b !important;
  -webkit-text-fill-color:#008a4b !important;
  background-image:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
}

/* Inline/legacy brand red text becomes green. */
.wealsure-sure,.logo-sure,.brand .logo-sure{color:#008a4b !important;-webkit-text-fill-color:#008a4b !important;}
.accent,.highlight,.eyebrow,.kicker,.section-kicker,.num,
.drop-title,.metric b,.portfolio-shell small{color:#008a4b !important;-webkit-text-fill-color:#008a4b !important;}

a:not(.btn):hover{color:#006b3c !important;}

/* Navigation + active accents */
.wealsure-header .links>a:hover,.wealsure-header .drop-wrap>a:hover,
header .links>a:hover,header .drop-wrap>a:hover{color:#008a4b !important;}
.wealsure-header .links>a:after,.wealsure-header .drop-wrap>a:after,
header .links>a:after,header .drop-wrap>a:after{background:#008a4b !important;}

/* Buttons: green only */
button,.btn,a.btn,input[type=submit],input[type=button],.cta,.cta-button,
.hero a[class*=btn]{
  background:#008a4b !important;
  background-image:linear-gradient(105deg,#006b3c,#008a4b 55%,#00a651) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:#008a4b !important;
  box-shadow:0 10px 26px rgba(0,138,75,.18) !important;
}
button:hover,.btn:hover,a.btn:hover,input[type=submit]:hover,input[type=button]:hover,
.cta:hover,.cta-button:hover,.hero a[class*=btn]:hover{
  background:#006b3c !important;
  background-image:linear-gradient(105deg,#00a651,#008a4b 55%,#005f3b) !important;
  border-color:#006b3c !important;
  box-shadow:0 14px 30px rgba(0,138,75,.24) !important;
}
.btn-outline{color:#008a4b !important;-webkit-text-fill-color:#008a4b !important;border-color:#008a4b !important;background:#fff !important;background-image:none !important;}
.btn-outline:hover{color:#fff !important;-webkit-text-fill-color:#fff !important;background:#008a4b !important;}

/* Cards, borders, rules and data visualisations */
.card,.service-card,.solution-card,.feature-card,.insight-card,.panel,.tool-card,.stat-card,.info-card{
  border-color:rgba(0,138,75,.14) !important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(105deg,#006b3c,#00a651) border-box !important;
}
.card:hover,.service-card:hover,.solution-card:hover,.feature-card:hover,.insight-card:hover,
.panel:hover,.tool-card:hover,.stat-card:hover,.info-card:hover{box-shadow:0 18px 45px rgba(16,24,40,.09),0 6px 24px rgba(0,138,75,.10) !important;}
.section-line,.divider,.accent-line{background:#008a4b !important;}
.badge,.tag,.pill{background:#eefaf3 !important;border-color:rgba(0,138,75,.18) !important;color:#006b3c !important;}

/* SVG/icons/charts that used the old red accent */
svg [stroke="#DC2626"],svg [stroke="#dc2626"],svg [stroke="#EF1D25"],svg [stroke="#ef1d25"],
svg [stroke="#F20D18"],svg [stroke="#f20d18"],svg [stroke="#C81018"],svg [stroke="#c81018"]{stroke:#008a4b !important;}
svg [fill="#DC2626"],svg [fill="#dc2626"],svg [fill="#EF1D25"],svg [fill="#ef1d25"],
svg [fill="#F20D18"],svg [fill="#f20d18"],svg [fill="#C81018"],svg [fill="#c81018"]{fill:#008a4b !important;}

input:focus,textarea:focus,select:focus{border-color:#008a4b !important;box-shadow:0 0 0 3px rgba(0,138,75,.12) !important;}
input[type=checkbox],input[type=radio]{accent-color:#008a4b !important;}
footer{border-top-color:rgba(0,138,75,.16) !important;}
footer a:hover{color:#008a4b !important;}
::selection{background:rgba(0,138,75,.20);color:#123 !important;}

/* Dark/feature sections retain white body copy, but all accents stay green. */
.feature-band .eyebrow,.feature-band .kicker,.feature-band .section-kicker{color:#7be3ad !important;-webkit-text-fill-color:#7be3ad !important;}

@media(max-width:767px){h1,h2,h3,h4,h5,h6{background-image:none !important;background-size:auto !important;}}


/* FINAL TYPOGRAPHY SAFETY — prevent large heading glyphs from clipping */
html body .hero-v18 h1,
html body .page-hero .section-title,
html body .section-kicker .h2{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  line-height:1.08 !important;
  padding-top:.08em !important;
  padding-bottom:.04em !important;
  box-sizing:border-box !important;
}
@media(max-width:680px){
  html body .hero-v18 h1,
  html body .page-hero .section-title,
  html body .section-kicker .h2{
    line-height:1.10 !important;
    padding-top:.07em !important;
    padding-bottom:.05em !important;
  }
}
