/* Dent O Care | unified parrot green, black and white theme */
:root{--green:#65B32E;--lime:#8DD63B;--mint:#F1F9E9;--cream:#FFFFFF;--ink:#151A13;--line:#DCE8D4;--brand-deep:#245B18;--brand-green:#65B32E;--brand-lime:#8DD63B;--brand-soft:#F1F9E9;--brand-ink:#151A13;--primary:#65B32E;--primary-color:#65B32E;--accent:#8DD63B;--text:#151A13}
body{color:#151A13;background:#fff}
.topline,.ticker{background:#245B18;color:#fff}
.header,.site-header{background:#fff}
.hero,.about-band,.quote-band,.booking-side,.offer-card,.gallery-card,.page-head{background:#F1F9E9}
.section:nth-of-type(even){background-color:#FAFDF7}
h1,h2,h3,h4,.service-bottom h3{color:#151A13}
h1 em,h2 em,.eyebrow,.text-link,.contact-detail small,.feature-line>span,.service-card .number{color:#478D1E}
.btn-dark,.nav-cta,.popup-close,.wa-float{background:#65B32E;color:#111A0D;border-color:#65B32E}
.btn-dark:hover,.nav-cta:hover{background:#4C9824;color:#fff}
.btn-outline{border-color:#65B32E;color:#245B18}
.btn-outline:hover{background:#65B32E;color:#111A0D}
.btn-light{background:#fff;color:#245B18}
.cta-band{background:linear-gradient(115deg,#245B18,#438C24 60%,#65B32E);color:#fff}
.cta-band h2,.cta-band h3{color:#fff}
.service-card,.team-card,.gallery-card,.form-card,.offer-card{border-color:#DCE8D4}
.circle-arrow,.logo-mark{border-color:#65B32E;color:#245B18}
.trust-grid>div,.hero-badge>span,.booking-symbol{color:#65B32E}
.hero-dot-btn.is-active,.eyebrow i{background:#8DD63B}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#65B32E;box-shadow:0 0 0 3px #65B32E22}
a:focus-visible,button:focus-visible{outline:3px solid #65B32E;outline-offset:3px}
@media(max-width:700px){.hero,.about-band,.quote-band,.booking-side{background:#F1F9E9}}
/* Consistent primary CTA color across every public page and button state. */
:root{--clinic-primary:#86ae44;--primary:#86ae44;--primary-color:#86ae44;--brand-green:#86ae44;--green:#86ae44}
body .btn-dark,body a.btn-dark,body button.btn-dark,body input.btn-dark,body .btn.btn-dark,body .nav-cta{background-color:#86ae44!important;border-color:#86ae44!important;color:#fff!important}
body .btn-dark:hover,body .btn-dark:focus,body .btn-dark:active,body .btn-dark.active,body .nav-cta:hover,body .nav-cta:focus{background-color:#759a38!important;border-color:#759a38!important;color:#fff!important}
body .btn-dark:focus-visible{outline:3px solid #86ae4480;outline-offset:2px}
body .btn-dark:disabled,body .btn-dark.disabled{background-color:#86ae44!important;border-color:#86ae44!important;color:#fff!important;opacity:.6}

/* Contact location booking CTA: maintain readable contrast without changing other outline buttons. */
body .contact-locations .location-actions a.btn.btn-outline,
body .contact-locations .location-actions a.btn.btn-outline:visited {
  background-color:#86ae44!important;
  border-color:#86ae44!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body .contact-locations .location-actions a.btn.btn-outline:hover,
body .contact-locations .location-actions a.btn.btn-outline:focus-visible {
  background-color:#759a38!important;
  border-color:#759a38!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Unified brand-green care timeline: matches Book An Appointment CTA. */
.about-band .clinic-timeline{--timeline-primary:#86ae44;--timeline-soft:rgba(134,174,68,.15)}
.about-band .clinic-timeline::before{background:linear-gradient(180deg,var(--timeline-primary),rgba(134,174,68,.25))!important}
.about-band .clinic-timeline-number{background:#fff!important;border-color:var(--timeline-primary)!important;color:var(--timeline-primary)!important;box-shadow:0 0 0 5px var(--timeline-soft)!important}
.about-band .clinic-timeline-step:first-child .clinic-timeline-number,
.about-band .clinic-timeline-step:hover .clinic-timeline-number,
.about-band .clinic-timeline-step:focus-visible .clinic-timeline-number{background:var(--timeline-primary)!important;color:#fff!important;border-color:var(--timeline-primary)!important;box-shadow:0 0 0 5px var(--timeline-soft),0 8px 22px rgba(83,116,34,.18)!important}
.about-band .reference-process-list.clinic-timeline>.clinic-timeline-step{padding:12px 14px 14px 0!important;border-radius:18px!important;cursor:pointer;transition:background .3s ease,box-shadow .3s ease,transform .3s ease!important}
.about-band .reference-process-list.clinic-timeline>.clinic-timeline-step:hover,
.about-band .reference-process-list.clinic-timeline>.clinic-timeline-step:focus-visible{background:rgba(255,255,255,.88)!important;box-shadow:0 12px 30px rgba(83,116,34,.12)!important;transform:translateX(5px)!important;outline:none}
.about-band .clinic-timeline-step:first-child{background:rgba(255,255,255,.78)!important;box-shadow:0 8px 26px rgba(83,116,34,.07)}
.about-band .clinic-timeline-step:hover h3,.about-band .clinic-timeline-step:focus-visible h3{color:var(--timeline-primary)!important}
.about-band .clinic-timeline-step:hover .clinic-timeline-content{border-bottom-color:var(--timeline-primary)!important}
@media(max-width:640px){.about-band .reference-process-list.clinic-timeline>.clinic-timeline-step{padding:10px 9px 12px 0!important}.about-band .reference-process-list.clinic-timeline>.clinic-timeline-step:hover{transform:translateX(2px)!important}}
@media(prefers-reduced-motion:reduce){.about-band .clinic-timeline *,.about-band .clinic-timeline-step{transition:none!important}}