/* Styles for SEO-phase markup: breadcrumbs, collapsible terms, tip results, last-updated. */

/* Company logos (via _CompanyLogo partial) carry width/height attributes for CLS. Every listing
   context sizes them by width only, so height must stay auto or the height attribute stretches the
   image. Targeted at each existing container selector (not just .logo-img) so the fix applies even
   where the partial's markup on the server predates the .logo-img class. seo.css loads after
   style.css, so these equal-specificity rules win on source order. */
.leaderboard-table .table tbody tr th img,                 /* leaderboard (homepage etc.) */
.single-promotion.offered .offer,                          /* casino / odds promotion cards */
.promotion-listing .promotion-list-item .logo a img,       /* large company listing */
.sidebar-company-listing .promotion-list-item .logo a img, /* sidebar listing */
.logo-img {
    height: auto;
}

.breadcrumb-nav { margin: 0 0 1rem; }
.breadcrumb-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    padding: 0;
    margin: 0;
    font-size: .85rem;
}
.breadcrumb-list li { display: inline-flex; align-items: center; }
.breadcrumb-list li:not(:last-child)::after { content: "\203A"; margin-left: .35rem; opacity: .6; }
.breadcrumb-list a { text-decoration: none; }
.breadcrumb-list .active { opacity: .7; }

.terms-details { margin: .25rem 0; }
.terms-details > summary { cursor: pointer; font-size: .8rem; opacity: .85; }
.terms-details .terms { margin-top: .35rem; font-size: .8rem; }

.last-updated { opacity: .7; margin: .5rem 0; }

.tip-result { font-weight: 600; padding: .15rem .5rem; border-radius: .25rem; }
.tip-result.win { color: #0a7d28; }
.tip-result.loss { color: #b00020; }
.tip-result.pending { opacity: .7; }
.settled-divider { margin-top: 1.5rem; }