/*
 * NATIONAL DISCOVERY · DEVELOPMENT RIGHTS · ND-AHMAD-ALATTAR-2026-PROPRIETARY
 * Developed by Ahmad Alattar, Founder of the National Discovery Community, with his authorized ND Crew.
 * Original ND platform architecture and first-party source code are proprietary to Ahmad Alattar.
 * All rights reserved. No use or transfer is permitted without prior written authorization.
 * Third-party components remain governed by their respective licences. See DEVELOPMENT_RIGHTS.md.
 */
.adaptive-trailhead {
  --trailhead-canvas: var(--nd-night-panel, #151914);
  --trailhead-raised: var(--nd-night-raised, #20251f);
  --trailhead-control: #0f120e;
  --trailhead-text: var(--nd-night-text, #f2efe4);
  --trailhead-muted: #b9beaf;
  --trailhead-line: rgba(242, 239, 228, .18);
  display: grid;
  overflow: clip;
  margin-block-end: 20px;
  border: 1px solid var(--trailhead-line);
  border-inline-start: 3px solid var(--nd-brand-signature, #fac80f);
  border-block-start: 1px solid color-mix(in srgb, var(--nd-brand-signature, #fac80f) 42%, var(--trailhead-line));
  border-radius: var(--nd-radius-content);
  color: var(--trailhead-text);
  background: var(--trailhead-canvas);
}

html[data-theme="day"] .adaptive-trailhead {
  --trailhead-canvas: var(--nd-day-panel, #fbf8ee);
  --trailhead-raised: var(--nd-day-raised, #eee9dc);
  --trailhead-control: #fffdf6;
  --trailhead-text: var(--nd-day-text, #20251f);
  --trailhead-muted: #5c6258;
  --trailhead-line: rgba(32, 37, 31, .2);
}

html[data-theme="night"] .adaptive-trailhead {
  --trailhead-canvas: var(--nd-night-panel, #151914);
  --trailhead-raised: var(--nd-night-raised, #20251f);
  --trailhead-text: var(--nd-night-text, #f2efe4);
}

.adaptive-trailhead__main {
  display: grid;
  grid-template-columns: minmax(14rem, 1.45fr) repeat(3, minmax(7.25rem, .72fr)) minmax(7.5rem, .76fr) minmax(6.5rem, auto) minmax(7rem, auto) minmax(5.25rem, auto);
  gap: 10px;
  align-items: center;
  min-inline-size: 0;
  padding: 10px 12px;
}

.adaptive-trailhead__intent-zone {
  position: relative;
  min-inline-size: 0;
}

.adaptive-trailhead__intent-label,
.adaptive-trailhead__field {
  display: grid;
  min-inline-size: 0;
}

.adaptive-trailhead__control,
.adaptive-trailhead__chip,
.adaptive-trailhead__suggestion {
  box-sizing: border-box;
  min-inline-size: 44px;
  min-block-size: 44px;
  border: 1px solid var(--trailhead-line);
  border-radius: var(--nd-radius-content);
  color: var(--trailhead-text);
  background: var(--trailhead-control);
  font: inherit;
}

.adaptive-trailhead__intent,
.adaptive-trailhead__field select {
  inline-size: 100%;
  block-size: 46px;
  padding-inline: 13px;
}

.adaptive-trailhead__intent {
  border-inline-start-color: color-mix(in srgb, var(--nd-brand-signature, #fac80f) 74%, var(--trailhead-line));
  font-size: .92rem;
}

.adaptive-trailhead__intent::placeholder {
  color: var(--trailhead-muted);
  opacity: 1;
}

.adaptive-trailhead__primary,
.adaptive-trailhead__advanced,
.adaptive-trailhead__meta {
  display: contents;
}

.adaptive-trailhead__primary .adaptive-trailhead__field-label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.adaptive-trailhead__more,
.adaptive-trailhead__result-action,
.adaptive-trailhead__dialog-apply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 46px;
  padding-inline: 14px;
  white-space: nowrap;
}

.adaptive-trailhead__more {
  border-color: rgba(250, 200, 15, .5);
  color: var(--trailhead-text);
  background: transparent;
  font-weight: 800;
}

.adaptive-trailhead__result-action {
  border-color: transparent;
  color: var(--nd-brand-signature, #fac80f);
  background: transparent;
  font-size: .72rem;
  font-weight: 900;
}

html[data-theme="day"] .adaptive-trailhead__result-action {
  color: #725a00;
}

.adaptive-trailhead__dialog-apply {
  border-color: var(--nd-brand-signature, #fac80f);
  color: #20251f;
  background: var(--nd-brand-signature, #fac80f);
  font-weight: 900;
}

.adaptive-trailhead__compass {
  display: none;
}

.adaptive-trailhead__guidance {
  color: var(--trailhead-muted);
}

.adaptive-trailhead__guidance::before {
  inline-size: 26px;
  block-size: 26px;
  border-radius: 50%;
}

.adaptive-trailhead__suggestions {
  display: none;
}

.adaptive-trailhead__suggestion {
  border-radius: var(--nd-radius-capsule);
}

.adaptive-trailhead__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-block-size: 0;
  padding-inline: 12px;
}

.adaptive-trailhead__chips:not(:empty) {
  padding-block: 0 10px;
}

.adaptive-trailhead__chip {
  min-block-size: 44px;
  padding-inline: 12px;
  border-radius: var(--nd-radius-capsule);
  border-color: rgba(250, 200, 15, .42);
  background: transparent;
  font-size: .78rem;
}

.adaptive-trailhead__sort {
  min-inline-size: 0;
}

.adaptive-trailhead__sort select {
  min-block-size: 44px;
}

.adaptive-trailhead__status {
  align-self: center;
  min-inline-size: 0;
  color: var(--trailhead-muted);
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.3;
  text-align: center;
}

.adaptive-trailhead__retry {
  min-block-size: 44px;
  min-inline-size: 44px;
  border-color: var(--nd-brand-signature, #fac80f);
  color: var(--nd-brand-signature, #fac80f);
  background: transparent;
  font-weight: 750;
}

.adaptive-trailhead__retry[hidden] {
  display: none;
}

.adaptive-trailhead[data-trailhead-state="unavailable"] {
  border-color: color-mix(in srgb, var(--nd-brand-signature, #fac80f) 58%, var(--nd-border, #343a32));
}

.adaptive-trailhead__dialog {
  box-sizing: border-box;
  inline-size: min(34rem, calc(100% - 32px));
  max-inline-size: 100%;
  max-block-size: calc(100dvh - 32px);
  margin-block: 16px;
  margin-inline-start: auto;
  margin-inline-end: 16px;
  padding: 18px;
  border: 1px solid var(--trailhead-line);
  border-block-start: 3px solid var(--nd-brand-signature, #fac80f);
  border-radius: var(--nd-radius-content);
  color: var(--trailhead-text);
  background: var(--trailhead-canvas);
}

.adaptive-trailhead__dialog::backdrop {
  background: rgba(16, 20, 15, .66);
}

.adaptive-trailhead__dialog-head,
.adaptive-trailhead__dialog-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.adaptive-trailhead__dialog .adaptive-trailhead__field {
  gap: 7px;
  color: var(--trailhead-muted);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.2;
  text-transform: uppercase;
}

[dir="rtl"] .adaptive-trailhead__dialog .adaptive-trailhead__field {
  letter-spacing: 0;
  text-transform: none;
}

.adaptive-trailhead__advanced {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding-block: 18px;
}

.adaptive-trailhead__advanced .adaptive-trailhead__field:nth-child(-n + 3) {
  display: none;
}

.adaptive-trailhead :is(button, input, select):focus-visible {
  outline: 3px solid var(--nd-brand-signature, #fac80f);
  outline-offset: 2px;
}

.adaptive-trailhead :is(button, select):hover {
  border-color: var(--nd-brand-signature, #fac80f);
}

:dir(rtl) .adaptive-trailhead__dialog {
  margin-inline-start: 16px;
  margin-inline-end: auto;
}

@media (max-width: 1480px) {
  .adaptive-trailhead__main {
    grid-template-columns: minmax(15rem, 1.5fr) repeat(2, minmax(8rem, .8fr)) minmax(8.5rem, .85fr) minmax(8rem, auto) minmax(7rem, auto) minmax(5.5rem, auto);
  }

  .adaptive-trailhead__primary .adaptive-trailhead__field:nth-child(3) {
    display: none;
  }
}

@media (max-width: 1280px) {
  .adaptive-trailhead__main {
    grid-template-columns: minmax(15rem, 1.5fr) repeat(2, minmax(8rem, .8fr)) minmax(8.5rem, .85fr) minmax(8rem, auto) minmax(7rem, auto) minmax(5.5rem, auto);
  }
}

@media (max-width: 1023px) {
  .adaptive-trailhead__main {
    grid-template-columns: minmax(14rem, 1.4fr) minmax(8rem, .8fr) minmax(8.5rem, .85fr) minmax(7.5rem, auto) minmax(6.5rem, auto) minmax(5.5rem, auto);
  }

  .adaptive-trailhead__primary .adaptive-trailhead__field:nth-child(n + 2) {
    display: none;
  }

  .adaptive-trailhead__status {
    font-size: .68rem;
  }
}

@media (max-width: 767px) {
  .adaptive-trailhead__main {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 9px;
    padding: 11px;
  }

  .adaptive-trailhead__intent-zone,
  .adaptive-trailhead__status {
    grid-column: 1 / -1;
  }

  .adaptive-trailhead__primary,
  .adaptive-trailhead__sort {
    display: none;
  }

  .adaptive-trailhead__result-action {
    display: inline-flex;
    inline-size: 100%;
  }

  .adaptive-trailhead__more {
    display: inline-flex;
    inline-size: 100%;
  }

  .adaptive-trailhead__status {
    min-block-size: 1.2em;
    text-align: start;
  }

  .adaptive-trailhead__chips {
    padding-inline: 11px;
  }

  .adaptive-trailhead__dialog {
    inline-size: 100%;
    max-inline-size: none;
    max-block-size: min(84dvh, 44rem);
    margin: auto 0 0;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }

  .adaptive-trailhead__advanced {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .adaptive-trailhead__advanced .adaptive-trailhead__field:nth-child(-n + 3) {
    display: grid;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adaptive-trailhead,
  .adaptive-trailhead * {
    scroll-behavior: auto;
    transition: none;
  }
}
/* END ND-AHMAD-ALATTAR-2026-PROPRIETARY */