/* Nerdschmie.de Desktop Design Phase 5 – Landing & Directory rhythm only */
@media (min-width: 701px) {
  body.nsd .nsd-directory-page {
    max-width: var(--nsd-layout-content-max, 1180px);
    margin-inline: auto;
  }
  body.nsd .nsd-directory-page > .nsd-directory-section,
  body.nsd .nsd-directory-page .nsd-directory-section {
    margin-block: var(--nsd-space-section);
  }
  body.nsd .nsd-directory-page .nsd-directory-section--plain {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  body.nsd .nsd-djs-overview.nsd-directory-page .nsd-djs-overview__section,
  body.nsd .nsd-cities-page.nsd-directory-page .nsd-city-section,
  body.nsd .nsd-cities-page.nsd-directory-page .nsd-city-tools-panel {
    margin-block: var(--nsd-space-section);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  body.nsd .nsd-cities-page.nsd-directory-page .nsd-city-letter-group > h3 {
    margin: var(--nsd-space-5) 0 var(--nsd-space-3);
    padding-bottom: var(--nsd-space-2);
    border-bottom: 1px solid var(--nsd-border-subtle);
    color: var(--nsd-color-text);
    font-size: var(--nsd-type-card-title-size);
    letter-spacing: normal;
  }
  body.nsd .nsd-djs-overview.nsd-directory-page .nsd-djs-all__tools {
    margin-bottom: var(--nsd-space-5);
  }
  body.nsd .nsd-djs-overview.nsd-directory-page .nsd-djs-overview__data-notice {
    margin-top: var(--nsd-space-6);
  }
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox {
    width: auto !important;
    min-height: 0 !important;
    margin: var(--nsd-space-5) 0 var(--nsd-space-6) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox .ns-hero__overlay {
    max-width: none !important;
    margin: 0 !important;
    padding: var(--nsd-space-4) 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox__title {
    margin: 0 0 var(--nsd-space-2) !important;
    color: var(--nsd-color-text) !important;
    font-size: var(--nsd-type-section-size) !important;
    line-height: var(--nsd-type-section-line) !important;
    text-shadow: none !important;
  }
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox__sub,
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox__chips {
    color: var(--nsd-color-text-muted) !important;
    font-size: var(--nsd-type-meta-size) !important;
  }
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox__editorial,
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox__more {
    display: none !important;
  }
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox__chips {
    display: flex !important;
    flex-wrap: wrap;
    gap: var(--nsd-space-2) var(--nsd-space-3);
    margin-top: var(--nsd-space-2);
  }
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox__chips .ns-chip {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }
  body.nsd .nsd-festival-filter-context-host .ns-festival-infobox__chips .ns-chip + .ns-chip::before {
    content: '·';
    margin-right: var(--nsd-space-3);
    color: var(--nsd-color-text-faint);
  }
}

/* Desktop Design Phase 8 – live directory start/rhythm corrections. */
@media (min-width: 701px) {
  body.nsd.page-club-pages .nsd-directory-page--clubs,
  body.nsd .nsd-directory-page--djs,
  body.nsd.page-cities .nsd-directory-page--cities,
  body.nsd.page-csv-collection .nsd-directory-page--festival-bands {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  body.nsd .nsd-directory-page > .nsd-page-hero:first-child,
  body.nsd .nsd-directory-page > [data-hero-slot]:first-child > .nsd-page-hero,
  body.nsd .nsd-directory-page--djs > .nsd-page-hero:first-child {
    margin-top: 0 !important;
  }
  body.nsd .nsd-djs-overview.nsd-directory-page .nsd-djs-overview__data-notice {
    margin: 0 0 var(--nsd-space-4) !important;
  }
}

/* Nerdschmie.de Desktop Design Phase 8c – Header-to-Hero live root-cause fix.
   Live HTML analysis: Quark applies top padding to #body-wrapper > .container.
   Phase 8 already normalizes direct directory hero margin-top to 0. Therefore
   remove only the outer container top padding on affected desktop directory
   page classes. /partys stays untouched as the verified visual reference. */
@media (min-width: 701px) {
  body.nsd.page-csv-directory #body-wrapper > .container.ns-page-frame,
  body.nsd.page-djs-overview #body-wrapper > .container.ns-page-frame,
  body.nsd.page-cities #body-wrapper > .container.ns-page-frame,
  body.nsd.page-club-overview #body-wrapper > .container.ns-page-frame {
    padding-top: 0 !important;
  }
}
