/**
 * Horsequip Calm — Listing Layout Shell
 *
 * Zentrierte Detail-Spalte + Mobile Full-Bleed für Teaser-Grids.
 * Spec: docs/design-language/index.html#layout-columns
 */

/* ── Detail shell: centered column on desktop ── */
.hq-listing-shell {
  width: 100%;
  max-width: var(--hq-content-column);
  margin-inline: auto;
  box-sizing: border-box;
}

.hq-listing-shell--bleed-mobile {
  width: 100%;
}

@media (max-width: 768px) {
  .hq-listing-shell--bleed-mobile {
    max-width: 100%;
    margin-inline: 0;
  }
}

/* Detail full-view: horse/job/marketplace reuse .teaser-card root */
.teaser-card--detail.teaser-card--horse,
.teaser-card--detail.teaser-card--job,
.teaser-card--detail.teaser-card--marketplace,
article.teaser-card.hq-listing-shell.teaser-card--detail {
  max-width: var(--hq-content-column);
  margin-inline: auto;
  width: 100%;
}

.event-detail.hq-listing-shell {
  max-width: var(--hq-content-column);
  margin-inline: auto;
  width: 100%;
}

/* ── Profile/stable grids: mobile edge-to-edge ── */
.hq-teaser-context--grid {
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .hq-teaser-context--grid {
    padding: 0;
    margin-inline: calc(-1 * var(--hq-section-content-bleed));
    width: calc(100% + 2 * var(--hq-section-content-bleed));
  }

  .hq-teaser-context--grid .teaser-card {
    margin: 0;
    max-width: 100%;
    border-radius: 0;
  }
}

/* ── Homepage collapsibles: mobile full bleed ── */
@media (max-width: 768px) {
  .collapsible-content.hq-teaser-context--list .teaser-card,
  .collapsible-content .hq-teaser-context--list .teaser-card {
    margin-inline: calc(-1 * var(--hq-section-content-indent));
    width: calc(100% + 2 * var(--hq-section-content-indent));
    max-width: none;
    border-radius: 0;
  }

  .collapsible-content.hq-teaser-context--list .view-content,
  .collapsible-content .hq-teaser-context--list .view-content {
    padding-inline: 0;
  }

  .collapsible-content.hq-teaser-context--list .views-row,
  .collapsible-content .hq-teaser-context--list .views-row,
  .collapsible-content.hq-teaser-context--list .views-infinite-scroll-content-wrapper,
  .collapsible-content .hq-teaser-context--list .views-infinite-scroll-content-wrapper {
    max-width: none;
  }
}

/* Detail footer aligns with shell */
.hq-listing-shell .listing-detail__footer {
  max-width: 100%;
  box-sizing: border-box;
}