/* Alternating midnight blue and light sections, scoped to dark.html. */
body.freeport-site.dark-variant {
  --dark-bg:#081d30;
  --dark-panel:#102d45;
  --dark-border:#2c4860;
  --dark-text:#cbd9e6;
  --dark-heading:#f5f9ff;
  --dark-accent:#ffb463;
  background:#fff;
}
body.dark-variant :is(#are-you-experiencing,#our-services,#common-concerns,#patient-reviews,#freeport-footer) {
  --ffc-ink:#cbd9e6;
  --ffc-green:#f5f9ff;
  --ffc-green-dark:#f5f9ff;
  --ffc-burgundy:#ffb463;
  --ffc-burgundy-dark:#ffd09a;
  --ffc-border:#2c4860;
  --ffc-section-soft:#102d45;
  color:var(--dark-text);
  background:var(--dark-bg);
}

/* The hero and highlights strip retain their original light styles. */
body.dark-variant #are-you-experiencing {background:linear-gradient(145deg,#081d30,#0d2942)}
body.dark-variant #are-you-experiencing #experiencing-heading,
body.dark-variant #are-you-experiencing #experiencing-heading span {color:var(--dark-heading)}
body.dark-variant #are-you-experiencing .experiencing__intro {color:var(--dark-text)}
body.dark-variant #are-you-experiencing .experiencing__choice {
  background:#102d45;border-color:#2c4860;color:#e5edf6;box-shadow:none;
}
body.dark-variant #are-you-experiencing .experiencing__choice:hover {background:#173b56;border-color:#718ba1}
body.dark-variant #are-you-experiencing .experiencing__choice.is-active {
  background:#1a3c56;border-color:var(--dark-accent);box-shadow:inset 3px 0 var(--dark-accent);
}
body.dark-variant #are-you-experiencing .experiencing__icon {background:#edf3fa}
body.dark-variant #are-you-experiencing .experiencing__arrow {color:#adc6db}
body.dark-variant #are-you-experiencing .is-active .experiencing__arrow {background:var(--dark-accent);color:#082238}
body.dark-variant #are-you-experiencing .experiencing__choice:focus-visible {outline-color:var(--dark-accent)}
body.dark-variant #are-you-experiencing .experiencing__media {border:1px solid #38536a;box-shadow:0 20px 50px #0003}

/* Matching spine silhouettes at opposite corners, without the wave layer. */
body.dark-variant #our-services.our-services--redesigned {
  --services-spine-width:280px;--services-spine-height:590px;
  background:radial-gradient(ellipse at 50% 0,#103149,#081d30 75%);
}
body.dark-variant #our-services.our-services--redesigned::before,
body.dark-variant #our-services.our-services--redesigned::after {
  content:"";position:absolute;inset:auto;z-index:-1;
  width:var(--services-spine-width);height:var(--services-spine-height);
  background:#75b5da;opacity:.13;pointer-events:none;
  -webkit-mask:url("images/process-spine-optimized.webp") center/contain no-repeat;
  mask:url("images/process-spine-optimized.webp") center/contain no-repeat;
}
body.dark-variant #our-services.our-services--redesigned::before {left:-28px;bottom:-130px;transform:rotate(156deg)}
body.dark-variant #our-services.our-services--redesigned::after {right:-28px;top:-130px;transform:rotate(-24deg)}
@media(max-width:620px) {
  body.dark-variant #our-services.our-services--redesigned {--services-spine-width:170px;--services-spine-height:350px}
  body.dark-variant #our-services.our-services--redesigned::before {left:-45px;bottom:-65px}
  body.dark-variant #our-services.our-services--redesigned::after {right:-45px;top:-65px}
}
body.dark-variant #our-services #our-services-heading {color:var(--dark-heading)}
body.dark-variant #our-services .our-services__eyebrow {color:var(--dark-accent)}
body.dark-variant #our-services .our-services__intro {color:var(--dark-text)}
body.dark-variant #our-services .service-card {background:var(--dark-panel);border-color:var(--dark-border);box-shadow:0 10px 30px #0002}
body.dark-variant #our-services .service-card__body h3 {color:var(--dark-heading)}
body.dark-variant #our-services .service-card__description {color:var(--dark-text)}
body.dark-variant #our-services .service-card__icon {background:#193e59;border-color:var(--dark-panel);color:#e1f0ff}
body.dark-variant #our-services .service-card__arrow {background:var(--dark-accent);border-color:var(--dark-accent);color:#082238}
body.dark-variant #our-services .service-card:hover {border-color:#718ba1;box-shadow:0 16px 35px #0003}
body.dark-variant #our-services .service-card:hover .service-card__arrow {background:#ffd09a}
body.dark-variant #our-services .service-card__link:focus-visible {outline-color:var(--dark-accent)}
body.dark-variant #our-services .our-services__view-all {background:transparent;color:var(--dark-heading);border-color:#8aa5bc}
body.dark-variant #our-services .our-services__view-all:hover {background:#173b56}
body.dark-variant #our-services .our-services__appointment {background:var(--dark-accent);border-color:var(--dark-accent);color:#082238}
body.dark-variant #our-services .our-services__appointment:hover {background:#ffd09a;border-color:#ffd09a;color:#082238}
body.dark-variant #our-services :is(.our-services__view-all,.our-services__appointment):focus-visible {outline-color:var(--dark-accent)}

/* The light body map now introduces the dark condition cards. */
body.dark-variant #common-concerns.condition-cards--redesigned {background:radial-gradient(ellipse at 45% 0,#103149,#081d30 85%)}
body.dark-variant #common-concerns.condition-cards--redesigned::before {opacity:.045}
body.dark-variant #common-concerns.condition-cards--redesigned::after {background:#72b1d4;opacity:.13}
body.dark-variant #common-concerns #conditions-heading {color:var(--dark-heading)}
body.dark-variant #common-concerns .condition-cards__eyebrow {color:var(--dark-accent)}
body.dark-variant #common-concerns .condition-cards__intro {color:var(--dark-text)}
body.dark-variant #common-concerns .condition-card {background:var(--dark-panel);border-color:var(--dark-border);box-shadow:0 8px 26px #0002}
body.dark-variant #common-concerns .condition-card__body h3 {color:var(--dark-heading)}
body.dark-variant #common-concerns .condition-card__body p {color:var(--dark-text)}
body.dark-variant #common-concerns .condition-card__arrow {background:#193c57;border-color:#42617b;color:#edf6ff}
body.dark-variant #common-concerns .condition-card:hover {border-color:#718ba1;box-shadow:0 12px 30px #0003}
body.dark-variant #common-concerns .condition-card__link:hover .condition-card__arrow {background:var(--dark-accent);border-color:var(--dark-accent);color:#082238}
body.dark-variant #common-concerns .condition-card__link:focus-visible {outline-color:var(--dark-accent)}

body.dark-variant #about-doctor {background:#f7fbff}
body.dark-variant #about-doctor .about-doctor__eyebrow {color:#a96517}
body.dark-variant #about-doctor .about-doctor__eyebrow::before {background:#fe9933}
body.dark-variant #clinic-tour {background:#f7fbff}

body.dark-variant #patient-reviews {background:radial-gradient(ellipse at 50% 0,#103149,#081d30 85%)}
body.dark-variant #patient-reviews #patient-reviews-heading {color:var(--dark-heading)}
body.dark-variant #patient-reviews .patient-reviews__eyebrow {color:var(--dark-accent)}
body.dark-variant #patient-reviews .patient-reviews__google {padding:16px 20px;border:1px solid var(--dark-border);border-radius:14px;background:#102d45;color:var(--dark-heading)}
body.dark-variant #patient-reviews .patient-reviews__total {color:#b4c6d7}
body.dark-variant #patient-reviews .review-card {background:var(--dark-panel);border-color:var(--dark-border);box-shadow:0 8px 26px #0002}
body.dark-variant #patient-reviews .review-card__text {color:var(--dark-text)}
body.dark-variant #patient-reviews .review-card__profile h3 {color:var(--dark-heading)}
body.dark-variant #patient-reviews :is(.review-card__meta,.review-card__age) {color:#b4c6d7}
body.dark-variant #patient-reviews .review-card__quote-icon {color:var(--dark-accent)}
body.dark-variant #patient-reviews .review-card__avatar {background:#1c415e;border-color:#3c607d;color:#edf6ff}
body.dark-variant #patient-reviews .review-card__toggle {color:var(--dark-accent)}
body.dark-variant #patient-reviews .review-card__toggle:hover {color:#ffd09a}
body.dark-variant #patient-reviews .review-card__toggle:focus-visible {outline:2px solid var(--dark-accent);outline-offset:4px}
body.dark-variant #patient-reviews .patient-reviews__appointment {background:var(--dark-accent);border-color:var(--dark-accent);color:#082238}
body.dark-variant #patient-reviews .patient-reviews__appointment:hover {background:#ffd09a}

body.dark-variant #clinic-cta {background:#f5faff}
body.dark-variant #clinic-cta::before {background:linear-gradient(90deg,#f5faff 0%,#f5faff 26%,#f5faffe8 38%,#f5faff44 65%,#f5faff08)}
body.dark-variant #clinic-cta .clinic-cta__card {box-shadow:0 16px 45px #0033660d}

body.dark-variant #freeport-footer {padding-top:40px;background:#061827;border-top-color:#294258}
body.dark-variant #freeport-footer .ffc-footer__main {padding-bottom:24px}
/* Fit Google's full review layout into the compact card without cropping it. */
body.dark-variant #freeport-footer .ffc-footer__map-layout {position:relative;height:250px;overflow:hidden}
body.dark-variant #freeport-footer .ffc-footer__map-layout .ffc-footer__map {position:absolute;inset:0;width:120%;max-width:none;height:300px;min-height:300px;transform:scale(.8333333333);transform-origin:top left}
#freeport-footer .ffc-footer__location-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
#freeport-footer .ffc-footer__location-heading h2 {margin:0}
#freeport-footer .ffc-footer__mobile-reviews {display:none}
@media(max-width:767px) {
  #freeport-footer .ffc-footer__location-heading h2 {font-size:22px}
  #freeport-footer .ffc-footer__mobile-reviews {display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:#fff;font:700 15px/1.6 "Open Sans",Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
  #freeport-footer .ffc-footer__mobile-reviews:focus-visible {outline:2px solid #ffb557;outline-offset:4px}
}
body.dark-variant #freeport-footer .ffc-footer__logo img {filter:none}
body.dark-variant #freeport-footer .ffc-footer__links h2,
body.dark-variant #freeport-footer .ffc-footer__location h2 {color:var(--dark-heading)}
body.dark-variant #freeport-footer :is(.ffc-footer__intro,.ffc-footer__contact-link,.ffc-footer__links a,address) {color:var(--dark-text)}
body.dark-variant #freeport-footer .ffc-footer__contact-link:hover,
body.dark-variant #freeport-footer .ffc-footer__links a:hover {color:var(--dark-accent)}
body.dark-variant #freeport-footer .ffc-footer__contact-link svg {stroke:#fff}
body.dark-variant #freeport-footer .ffc-footer__social a {background:#15334b;border-color:#3b576d;color:#e5eff8}
body.dark-variant #freeport-footer .ffc-footer__social a:hover {background:#244a68;border-color:var(--dark-accent);color:#fff}
body.dark-variant #freeport-footer .ffc-footer__map-layout {background:#102d45}
body.dark-variant #freeport-footer .ffc-footer__map-card {background:#102d45;border-color:#2c4860}
body.dark-variant #freeport-footer .ffc-footer__bottom {padding-block:18px;border-top-color:#294258}
body.dark-variant #freeport-footer .ffc-footer__bottom p,
body.dark-variant #freeport-footer .ffc-footer__bottom a {color:#adc0d2}
body.dark-variant #freeport-footer .ffc-footer__bottom a:hover {color:var(--dark-accent)}


/* Center the desktop navigation over the hero photograph. */
@media(min-width:1025px) {
  body.dark-variant #freeport-header {position:relative;z-index:20;overflow:visible}
  body.dark-variant #freeport-header .elementor-element-77be252 {
    position:absolute;top:100%;right:0;left:0;z-index:20;width:100%;
    padding:12px var(--site-gutter);border:0;background:transparent;box-shadow:none;
  }
  body.dark-variant #freeport-header .elementor-element-77be252 > .elementor-container {
    width:100%;max-width:var(--site-content-width);margin-inline:auto;background:transparent;
  }
  body.dark-variant #freeport-header .elementor-element-32198b5 > .elementor-widget-wrap {
    display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;gap:28px;min-height:76px;padding:0;background:transparent;
  }
  body.dark-variant #freeport-header .elementor-element-c80d914,
  body.dark-variant #freeport-header .elementor-element-1cc8630,
  body.dark-variant #freeport-header .elementor-element-2216317 {width:auto;min-width:0;margin:0;align-self:center}
  body.dark-variant #freeport-header .elementor-element-c80d914 {grid-column:1;justify-self:start}
  body.dark-variant #freeport-header .elementor-element-1cc8630 {grid-column:2;justify-self:center}
  body.dark-variant #freeport-header .elementor-element-2216317 {grid-column:3;justify-self:end}
  body.dark-variant #freeport-header .elementor-element-1cc8630 .jet-menu {justify-content:center !important;gap:26px;flex-wrap:nowrap}
  body.dark-variant #freeport-header .elementor-element-1cc8630 .top-level-link {padding:12px 0;color:#003366}
}

@media(max-width:767px) {
  body.dark-variant #patient-reviews .patient-reviews__google {width:fit-content;margin-inline:auto}
  body.dark-variant #clinic-cta .clinic-cta__card {box-shadow:none}
}
