/* Ad slots and sponsored rows — one stylesheet for both sites. Per-slot
   min-heights are NOT here: Render::slot_css() generates them from the
   registry and prints them inline after this file. Colours are the --cg-*
   tokens each site already defines; nothing here names a theme or a site. */

.cg-ad{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:24px auto;
  overflow:hidden;
}
.cg-ad-label{
  align-self:flex-start;
  font-size:10px;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--cg-muted,#8a8a8a);
  margin-bottom:6px;
}
.cg-ad > a{display:block;line-height:0;max-width:100%}
.cg-ad picture,.cg-ad img{display:block;max-width:100%;height:auto}
.cg-ad ins.adsbygoogle{display:block;width:100%}

/* The sidebar slot has no mobile size: the registry says null, slot_css says 0px. */
@media (max-width:767px){
  .cg-ad--game-sidebar{display:none}
}

/* Pinned (sponsored) rows in GamesTable / TokensTable and pinned cards. */
.cg-sponsored-chip{
  display:inline-block;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:3px 6px;
  border-radius:4px;
  color:var(--cg-accent-text,#fff);
  background:var(--cg-accent,#ff570a);
  vertical-align:middle;
}
.cg-row--sponsored{background:var(--cg-surface,rgba(255,87,10,.06))}
.cg-row--sponsored .cg-dt-rank{white-space:nowrap}
.cg-dt-name .cg-sponsored-chip{margin-left:6px}
.cg-game-card--sponsored{outline:1px solid var(--cg-accent,#ff570a);outline-offset:-1px}
.cg-game-card--sponsored .cg-sponsored-chip{position:absolute;top:10px;left:10px;z-index:2}

/* An inline slot between table rows (list-after-row / token-after-row). */
.cg-data-table .cg-dt-adrow td{padding:0;background:transparent}
.cg-data-table .cg-dt-adrow .cg-ad{margin:12px auto}

/* A slot inside the React card grid spans the full row. */
.cg-card-grid .cg-ad-host{grid-column:1/-1}