/* GleamArc brand finishing based on the official turquoise, navy and blush artwork. */
.brand .brand-logo {
  box-sizing: border-box;
  width: 76px;
  height: 68px;
  padding: 0;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.brand-copy strong { color: var(--brand-strong, #0b7478); }
.brand-copy span { color: var(--muted, #607684); }
html[data-theme="dark"] .brand-copy strong { color: var(--brand-strong, #67f2f5); }
html[data-theme="dark"] .brand-copy span { color: var(--muted, #aac6d2); }

/* Imported About, Team and Contact pages contain light translucent cards.
 * Give every layer an explicit dark surface so inherited white text remains readable. */
html[data-theme="dark"] :is(.dsc-hero,.dsc-hero--v2,.dsc-hero-band) {
  color: var(--text, #f3fbfd) !important;
  background:
    radial-gradient(circle at top right, rgba(37,225,232,.16), transparent 34%),
    radial-gradient(circle at bottom left, rgba(76,168,210,.14), transparent 38%),
    linear-gradient(145deg, #0b2838, #061923) !important;
  border-color: var(--line, rgba(221,247,250,.18)) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.32) !important;
}

html[data-theme="dark"] :is(.dsc-hero,.dsc-hero--v2,.dsc-hero-band) :is(h1,h2,h3,h4,strong) {
  color: var(--text, #f3fbfd) !important;
}

html[data-theme="dark"] :is(.dsc-hero,.dsc-hero--v2,.dsc-hero-band) :is(p,li) {
  color: var(--muted, #aac6d2) !important;
}

html[data-theme="dark"] :is(
  .dsc-hero__side--panel,
  .team-values-card,
  .team-ops-card,
  .contact-info-card,
  .contact-form-card,
  .about-values-card,
  .about-process-panel
) {
  color: var(--text, #f3fbfd) !important;
  background: var(--surface-strong, #12364a) !important;
  border-color: var(--line, rgba(221,247,250,.18)) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] :is(
  .dsc-hero__metric,
  .dsc-hero__link,
  .dsc-hero__card,
  .team-value-item,
  .team-ops-item,
  .contact-info-item,
  .contact-social-card,
  .about-process-card,
  .about-value-item
) {
  color: var(--text, #f3fbfd) !important;
  background: var(--surface-soft, #0b2838) !important;
  border: 1px solid var(--line-soft, rgba(221,247,250,.09)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 14px 30px rgba(0,0,0,.18) !important;
}

html[data-theme="dark"] :is(.dsc-hero__card--brand,.dsc-hero__card--soft,.contact-info-card--map) {
  background: linear-gradient(135deg, #164d5b, #12364a) !important;
}

html[data-theme="dark"] :is(
  .dsc-hero__metric,
  .dsc-hero__link,
  .dsc-hero__card,
  .team-value-item,
  .team-ops-item,
  .contact-info-item,
  .contact-social-card,
  .about-process-card,
  .about-value-item
) :is(h1,h2,h3,h4,strong) {
  color: var(--text, #f3fbfd) !important;
}

html[data-theme="dark"] :is(
  .dsc-hero__metric,
  .dsc-hero__link,
  .dsc-hero__card,
  .team-value-item,
  .team-ops-item,
  .contact-info-item,
  .contact-social-card,
  .about-process-card,
  .about-value-item
) :is(p,span:not(.dsc-hero__eyebrow):not(.dsc-hero__link-label):not(.about-process-card__step),a) {
  color: var(--muted, #aac6d2) !important;
}

html[data-theme="dark"] :is(
  .dsc-hero__eyebrow,
  .dsc-hero__link-label,
  .contact-info-item strong,
  .contact-social-card strong,
  .team-value-item > strong,
  .team-ops-item > strong,
  .about-process-card__step
) {
  color: var(--brand-strong, #67f2f5) !important;
}

html[data-theme="dark"] .contact-social-card__icon {
  color: var(--brand-strong, #67f2f5) !important;
  background: var(--brand-soft, rgba(37,225,232,.18)) !important;
  box-shadow: inset 0 0 0 1px var(--line, rgba(221,247,250,.18)) !important;
}

html[data-theme="dark"] .contact-social-card:hover { background: #164d5b !important; }

/* Active provider and sort filters remain distinguishable in dark mode. */
html[data-theme="dark"] .archive-sidebar .segmented-control--dual .segmented-option span {
  color: #d9edf2 !important;
  background: #12364a !important;
  border: 1px solid rgba(103,242,245,.22) !important;
}

html[data-theme="dark"] .archive-sidebar .segmented-control--dual .segmented-option:is(.is-active,:has(input:checked)) span {
  color: #061a24 !important;
  background: linear-gradient(135deg, #25e1e8, #67f2f5) !important;
  border-color: #9af7fa !important;
  box-shadow: 0 8px 20px rgba(37,225,232,.24), inset 0 0 0 1px rgba(255,255,255,.35) !important;
}

html[data-theme="dark"] .archive-sidebar .segmented-control--dual .segmented-option input:focus-visible + span {
  outline: 3px solid #67f2f5;
  outline-offset: 3px;
}

html[data-theme="dark"] :is(.archive-sort button,.archive-sort .button,.archive-view-toggle button).is-active,
html[data-theme="dark"] :is(.archive-sort button,.archive-sort .button,.archive-view-toggle button)[aria-pressed="true"] {
  color: #061a24 !important;
  background: #67f2f5 !important;
  border-color: #9af7fa !important;
}

/* Contact fields use a quiet inset surface instead of a flat block. */
.directory-form[data-form-id="contact"] .directory-form__field :is(
  input[type="text"],input[type="email"],input[type="tel"],input[type="url"],
  input[type="number"],textarea,select
) {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 11px 13px !important;
  color: #163a53 !important;
  caret-color: #0b7478;
  background: #f1fafa !important;
  border: 1px solid rgba(22,58,83,.16) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 2px rgba(22,58,83,.04) !important;
}

.directory-form[data-form-id="contact"] .directory-form__field textarea {
  min-height: 148px;
  line-height: 1.65;
  resize: vertical;
}

.directory-form[data-form-id="contact"] .directory-form__field :is(input,textarea)::placeholder {
  color: #607684 !important;
  opacity: 1;
}

.directory-form[data-form-id="contact"] .directory-form__field :is(input,textarea,select):focus {
  border-color: #12a3a7 !important;
  outline: 3px solid rgba(18,163,167,.18) !important;
  outline-offset: 1px;
}

html[data-theme="dark"] .directory-form[data-form-id="contact"] .directory-form__field :is(
  input[type="text"],input[type="email"],input[type="tel"],input[type="url"],
  input[type="number"],textarea,select
) {
  color: #f3fbfd !important;
  caret-color: #67f2f5;
  background: #081f2a !important;
  border-color: rgba(103,242,245,.28) !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.32) !important;
}

html[data-theme="dark"] .directory-form[data-form-id="contact"] .directory-form__field :is(input,textarea)::placeholder {
  color: #aac6d2 !important;
}

html[data-theme="dark"] .directory-form[data-form-id="contact"] .directory-form__field :is(input,textarea,select):focus {
  border-color: #67f2f5 !important;
  outline-color: rgba(37,225,232,.22) !important;
}

@media (max-width: 720px) {
  .brand .brand-logo { width: 64px; height: 58px; }
}