/*
 * Targeted reading comfort for Sector Rotation data text.
 *
 * Loaded from the parent theme even when the ByScalper child theme is active.
 * Only Sector Rotation data text is resized here: headings, large values,
 * controls and the Market Data gate classes keep the original site.css type.
 *
 * Temel Analiz renders with the system sans-serif (Arial/Helvetica metrics),
 * and the comparison grid keeps its data columns near 64px at every
 * breakpoint because of its 790px minimum width. Values below are capped
 * where the requested size would overflow those fixed columns.
 */

/* Primary data */
body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-table-cell {
  font-size: .72rem;
}

/* Funding keeps up to six decimals ("+0,008734%") in the same ~64px column. */
body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-table-cell.sector-funding {
  font-size: .68rem;
}

/* "TOPLANIYOR" is a single unbreakable word in a ~64px column. */
body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-table-cell.is-collecting {
  font-size: .56rem;
}

body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-assets-list li > strong {
  font-size: .75rem;
}

body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-category-copy b {
  font-size: .8rem;
}

body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-asset-identity b {
  font-size: .78rem;
}

/* Secondary text */
body.byscalper-wp:not(#byscalper-disable-readable-type) :where(
  .sector-category-copy small,
  .sector-detail-identity p,
  .sector-detail-method,
  .sector-assets-disclosure,
  .sector-asset-rank,
  .sector-asset-identity small,
  .sector-assets-foot
) {
  font-size: .66rem;
}

/* Two-column stat cards keep their labels and notes on one line at 1280px. */
body.byscalper-wp:not(#byscalper-disable-readable-type) :where(
  .sector-detail-stats small,
  .sector-detail-stats > div > div > span
) {
  font-size: .64rem;
}

/* Chart axes */
body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-chart-x-axis span {
  font-size: .62rem;
}

/* Labels and badges */
body.byscalper-wp:not(#byscalper-disable-readable-type) :where(
  .sector-assets-columns,
  .sector-asset-badges i,
  .sector-assets-filter button small
) {
  font-size: .6rem;
}

/* The last comparison header ("LİKİDASYON") is one word in a ~64px column. */
body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-list-columns {
  font-size: .58rem;
}

/* The 38px y-axis column fits two-digit percentages up to this size. */
@media (min-width: 721px) {
  body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-chart-y-axis span {
    font-size: .58rem;
  }
}

/*
 * The footer status group is nowrap between 721px and 1180px, so it keeps the
 * original size there; desktop has room and mobile already wraps it.
 */
@media (min-width: 1181px), (max-width: 720px) {
  body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-rotation-foot {
    font-size: .66rem;
  }

  body.byscalper-wp:not(#byscalper-disable-readable-type) :where(
    .sector-rotation-foot .data-badge,
    .sector-history-progress > b
  ) {
    font-size: .6rem;
  }
}

@media (max-width: 720px) {
  body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-table-cell {
    font-size: .68rem;
  }

  /* Three equal filter buttons share ~275px beside the close button. */
  body.byscalper-wp:not(#byscalper-disable-readable-type) .sector-assets-filter button small {
    font-size: .58rem;
  }
}