/* v0.13.8 - Trade Board Fee & Rules compact split only.
   No JS, no Trade logic, no tooltip, no D1 changes. */

/* Exact public Trade fee card. */
.trade-hero-card.trade-merged-info.trade-public-hero,
.trade-public-hero.trade-merged-info {
  padding: 14px 18px !important;
  min-height: 0 !important;
  margin-bottom: 14px !important;
}

/* Case A: trade-rules-inline is a sibling of trade-hero-main. */
.trade-hero-card.trade-merged-info.trade-public-hero:has(> .trade-hero-main):has(> .trade-rules-inline),
.trade-public-hero.trade-merged-info:has(> .trade-hero-main):has(> .trade-rules-inline) {
  display: grid !important;
  grid-template-columns: minmax(300px, 0.82fr) minmax(380px, 1.18fr) !important;
  grid-template-areas: "fee rules" !important;
  column-gap: 24px !important;
  row-gap: 8px !important;
  align-items: stretch !important;
}

.trade-hero-card.trade-merged-info.trade-public-hero:has(> .trade-hero-main):has(> .trade-rules-inline) > .trade-hero-main,
.trade-public-hero.trade-merged-info:has(> .trade-hero-main):has(> .trade-rules-inline) > .trade-hero-main {
  grid-area: fee !important;
  min-width: 0 !important;
}

.trade-hero-card.trade-merged-info.trade-public-hero:has(> .trade-hero-main):has(> .trade-rules-inline) > .trade-rules-inline,
.trade-public-hero.trade-merged-info:has(> .trade-hero-main):has(> .trade-rules-inline) > .trade-rules-inline {
  grid-area: rules !important;
  align-self: stretch !important;
  min-width: 0 !important;
}

/* Case B: trade-rules-inline is inside trade-hero-main. */
.trade-hero-card.trade-merged-info.trade-public-hero .trade-hero-main:has(> .trade-rules-inline),
.trade-public-hero.trade-merged-info .trade-hero-main:has(> .trade-rules-inline) {
  display: grid !important;
  grid-template-columns: minmax(300px, 0.82fr) minmax(380px, 1.18fr) !important;
  column-gap: 24px !important;
  row-gap: 8px !important;
  align-items: stretch !important;
}

.trade-hero-card.trade-merged-info.trade-public-hero .trade-hero-main:has(> .trade-rules-inline) > :not(.trade-rules-inline),
.trade-public-hero.trade-merged-info .trade-hero-main:has(> .trade-rules-inline) > :not(.trade-rules-inline) {
  grid-column: 1 !important;
  min-width: 0 !important;
}

.trade-hero-card.trade-merged-info.trade-public-hero .trade-hero-main:has(> .trade-rules-inline) > .trade-rules-inline,
.trade-public-hero.trade-merged-info .trade-hero-main:has(> .trade-rules-inline) > .trade-rules-inline {
  grid-column: 2 !important;
  grid-row: 1 / span 20 !important;
  align-self: stretch !important;
  min-width: 0 !important;
}

/* Compact the fee/payment side. */
.trade-public-hero .trade-hero-main,
.trade-public-hero.trade-merged-info .trade-hero-main {
  min-height: 0 !important;
  gap: 8px !important;
}

.trade-public-hero .trade-hero-main > *,
.trade-public-hero.trade-merged-info .trade-hero-main > * {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.trade-public-hero .trade-hero-main > *:last-child,
.trade-public-hero.trade-merged-info .trade-hero-main > *:last-child {
  margin-bottom: 0 !important;
}

/* Compact rules side, using the existing trade-rules-inline node. */
.trade-public-hero .trade-rules-inline,
.trade-public-hero.trade-merged-info .trade-rules-inline {
  margin: 0 !important;
  padding: 6px 0 6px 18px !important;
  border-left: 1px solid rgba(209, 145, 54, 0.55) !important;
  min-height: 0 !important;
}

.trade-public-hero .trade-rules-inline h1,
.trade-public-hero .trade-rules-inline h2,
.trade-public-hero .trade-rules-inline h3,
.trade-public-hero .trade-rules-inline .trade-rules-title {
  margin: 0 0 7px 0 !important;
  line-height: 1.05 !important;
}

.trade-public-hero .trade-rules-inline ul,
.trade-public-hero .trade-rules-inline ol {
  margin: 0 !important;
  padding-left: 18px !important;
}

.trade-public-hero .trade-rules-inline li {
  margin: 2px 0 !important;
  line-height: 1.22 !important;
}

.trade-public-hero .trade-rules-inline p {
  margin: 3px 0 !important;
  line-height: 1.22 !important;
}

/* Keep narrow/mobile readable. */
@media (max-width: 860px) {
  .trade-hero-card.trade-merged-info.trade-public-hero,
  .trade-public-hero.trade-merged-info,
  .trade-hero-card.trade-merged-info.trade-public-hero .trade-hero-main:has(> .trade-rules-inline),
  .trade-public-hero.trade-merged-info .trade-hero-main:has(> .trade-rules-inline) {
    display: block !important;
  }

  .trade-public-hero .trade-rules-inline,
  .trade-public-hero.trade-merged-info .trade-rules-inline {
    margin-top: 10px !important;
    padding-left: 12px !important;
  }
}