/* Existing Service Location fields only. No content is added or changed. */
.node--type-service-location.node--view-mode-full > .node__content {
  --service-content-blue: #377dff;
  --service-content-ink: #15353e;
  --service-content-muted: #667b80;
  --service-content-soft: #f3f6f7;
  --service-content-line: #dce6e8;
  display: flex;
  flex-direction: column;
  margin-bottom:50px;
}

.node--type-service-location.node--view-mode-full .gavias-builder--content {
  order: 0;
}

.node--type-service-location.node--view-mode-full .field--name-body {
  color: var(--service-content-muted);
  font-family: Hind, sans-serif;
  font-size: clamp(17px, 1.7vw, 20px);
  line-height: 1.3;
  margin: 0 0 clamp(45px, 7vw, 50px);
  order: 1;
}

.node--type-service-location.node--view-mode-full .field--name-body p {
  margin: 0;
}

.node--type-service-location.node--view-mode-full .field--name-body strong {
  color: var(--service-content-ink);
  display: block;
  font-family: BioRhyme, serif;
  font-size: clamp(25px, 3.4vw, 30px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.25;
}

.node--type-service-location.node--view-mode-full .field--name-field-hero-heading {
  color: var(--service-content-ink);
  font-family: BioRhyme, serif;
  font-size: clamp(31px, 4.3vw, 30px);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.17;
  max-width: 900px;
  order: 2;
}

.node--type-service-location.node--view-mode-full .field--name-field-hero-paragraph {
  color: var(--service-content-muted);
  font-family: 'BioRhyme' !important;
  font-size: clamp(17px, 1.8vw, 21px);
  line-height: 1.3;
  margin: 22px 0 32px;
  max-width: 960px;
  order: 3;
}

.node--type-service-location.node--view-mode-full .field--name-field-service,
.node--type-service-location.node--view-mode-full .field--name-field-location-ref {
  align-items: center;
  align-self: flex-start;
  background: #fff;
  border: 1px solid var(--service-content-line);
  border-radius: 999px;
  display: inline-flex;
  font-family: Hind, sans-serif;
  gap: 9px;
  margin: 0 0 10px;
  min-height: 42px;
  padding: 9px 16px;
}

.node--type-service-location.node--view-mode-full .field--name-field-service {
  order: 4;
}

.node--type-service-location.node--view-mode-full .field--name-field-location-ref {
  margin-bottom: clamp(45px, 7vw, 70px);
  order: 5;
}

.node--type-service-location.node--view-mode-full .field--name-field-service .field__label,
.node--type-service-location.node--view-mode-full .field--name-field-location-ref .field__label {
  color: var(--service-content-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0;
  text-transform: uppercase;
}

.node--type-service-location.node--view-mode-full .field--name-field-service .field__label::after,
.node--type-service-location.node--view-mode-full .field--name-field-location-ref .field__label::after {
  content: ":";
}

.node--type-service-location.node--view-mode-full .field--name-field-service .field__item,
.node--type-service-location.node--view-mode-full .field--name-field-location-ref .field__item,
.node--type-service-location.node--view-mode-full .field--name-field-service a {
  color: var(--service-content-ink) !important;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
}

.node--type-service-location.node--view-mode-full .field--name-field-service a:hover,
.node--type-service-location.node--view-mode-full .field--name-field-service a:focus-visible {
  color: var(--service-content-blue) !important;
}

.node--type-service-location.node--view-mode-full .field--name-field-faqs {
  margin-block: 0;
  order: 6;
  width: 100%;
}

body.dark-mode .node--type-service-location.node--view-mode-full > .node__content {
  --service-content-ink: #eef8f9;
  --service-content-muted: #b2c6c9;
  --service-content-soft: #0b3540;
  --service-content-line: rgba(173, 218, 222, 0.16);
  /* background: #061f27; */
}

body.dark-mode .node--type-service-location.node--view-mode-full .field--name-field-service,
body.dark-mode .node--type-service-location.node--view-mode-full .field--name-field-location-ref {
  background: #0b3540;
}

@media (max-width: 600px) {
  .node--type-service-location.node--view-mode-full > .node__content {
    border-radius: 15px;
  }

  .node--type-service-location.node--view-mode-full .field--name-body {
    border-radius: 13px;
    padding: 24px 20px;
  }
}

