/* Quiet interaction refinement for the public clinical identity.
   Load after clinical-design.css. */

body[data-clinical-design] :is(
  .protocol,
  .concern-row,
  .location-index a,
  .blog-card,
  .location-page .service-card,
  .location-page .detail-card
) {
  transition:
    color 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease;
}

body[data-clinical-design] .protocol:hover {
  padding-left: 0;
  transform: none;
  background-color: #E8E1D5;
}

body[data-clinical-design] .concern-row:hover {
  padding-left: 27px;
  transform: none;
}

body[data-clinical-design] .location-index a:hover {
  padding-top: 26px;
  transform: none;
}

body[data-clinical-design] .blog-card:hover {
  transform: none;
  box-shadow: none;
  border-color: #9EADA8;
}

body[data-clinical-design] :is(
  .button-primary,
  .button-light,
  .nav-cta,
  .post-cta-btn,
  .location-page .button,
  .location-page .wa,
  .request-page .button,
  .academy-patient-cta,
  .formbox button[type="submit"],
  .submit-button
) {
  transition:
    color 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease;
}

body[data-clinical-design] :is(
  .button-primary,
  .button-light,
  .nav-cta,
  .post-cta-btn,
  .location-page .button,
  .location-page .wa,
  .request-page .button,
  .academy-patient-cta,
  .formbox button[type="submit"],
  .submit-button
):hover {
  transform: none;
}

body[data-clinical-design] .arrow-link,
body[data-clinical-design] .arrow-link::after {
  transition: color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

body[data-clinical-design] .arrow-link:hover {
  gap: 10px;
  transform: none;
}

body[data-clinical-design] .arrow-link:hover::after,
body[data-clinical-design] .button-primary:hover::after {
  transform: translate(2px, -1px);
}

body[data-clinical-design] .button-primary::after {
  transition: transform 150ms ease;
}

@media (max-width: 800px) {
  body[data-clinical-design] .concern-row:hover {
    padding-left: 22px;
  }

  body[data-clinical-design] .location-index a:hover {
    padding-top: 20px;
  }
}

/* The ready state is controlled by the navigation script; keep the menu in
   the layout so visibility and opacity can transition without display jumps. */
@media (max-width: 1000px) {
  body[data-clinical-design]
  .academy-navigation[data-menu-ready]
  #academy-primary-menu {
    display: flex !important;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
    transition:
      opacity 180ms ease,
      transform 180ms ease,
      visibility 0s linear 180ms;
  }

  body[data-clinical-design]
  .academy-navigation[data-menu-ready]
  #academy-primary-menu.open {
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition:
      opacity 180ms ease,
      transform 180ms ease,
      visibility 0s linear 0s;
  }
}

@media (min-width: 1001px) {
  body[data-clinical-design]
  .academy-navigation[data-menu-ready]
  #academy-primary-menu {
    display: flex !important;
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:has(body[data-clinical-design]) {
    scroll-behavior: auto;
  }

  body[data-clinical-design] :is(
    .protocol,
    .concern-row,
    .location-index a,
    .blog-card,
    .location-page .service-card,
    .location-page .detail-card,
    .button-primary,
    .button-light,
    .nav-cta,
    .post-cta-btn,
    .location-page .button,
    .location-page .wa,
    .request-page .button,
    .academy-patient-cta,
    .formbox button[type="submit"],
    .submit-button,
    .arrow-link,
    .arrow-link::after,
    .button-primary::after,
    .academy-navigation[data-menu-ready] #academy-primary-menu
  ) {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}