img.logo-footer {
	width:  55%;
}
img.logo-menu {
	max-width: 100%;
	width: 100%;
}

/* Belle Clinic colour refinements. Layout and component structure unchanged. */
:root {
  --color-primary-1: #128184;
  --color-primary-2: #596969;
  --color-primary-3: #193f40;
  --color-primary-4: #fcfdfc;
  --color-primary-5: #edf6f4;
}

/* Give the existing header appointment button a clearer visual priority. */
#navbar a[href="appointment.html"] {
  background-color: var(--color-primary-1);
  color: #fff;
}
#navbar a[href="appointment.html"]:hover {
  background-color: #106e71;
  color: #fff;
}

/* Retain the footer photo and its existing gradient element. */
footer > .absolute.inset-0 > .absolute.bottom-0 {
  background-image: linear-gradient(to bottom,
    rgba(237, 246, 244, 0) 0%,
    rgba(237, 246, 244, .94) 40%,
    #fcfdfc 100%);
}