/*
 * Gated Download — reveal file-list styles.
 * Bootstrap-first, theme-token driven, dark-mode aware.
 *
 * Mirrors the core uploads content element (q4u_base SCSS
 * components/_datelinks.scss, scoped to `.frame-type-uploads`), re-scoped to
 * this element's `.shpro-gated-download` wrapper so the reveal download block
 * looks exactly like an uploads CE. Kept in the extension per the shpro
 * convention — each feature extension ships its own Resources/Public/Css
 * loaded via <f:asset.css>.
 */
.shpro-gated-download .list-group-item {
    gap: 1rem;
    padding: 1rem;
}

.shpro-gated-download .list-group-item .uploads-media-side:empty {
    position: absolute;
}

.shpro-gated-download .list-group-item .uploads-media-side .ce-uploads-file-pdf {
    font-size: 3rem;
    margin: 0;
    width: 40px;
    display: block;
}

.shpro-gated-download .list-group-item .uploads-media-side > .img-fluid {
    border: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.08);
    /* !important overrides q4u_base's global `.page-main img` border-radius, which
       we cannot opt out of without editing q4u_base (uploads opts out via its own
       exclusion list). Matches the uploads thumbnail radius exactly. */
    border-radius: .5rem !important;
    /* Document previews sit on paper-white in every color mode (as the uploads CE
       does); --bs-white is a fixed token, not a mode-flipping one, by design. */
    background-color: var(--bs-white, #fff);
    padding: .25rem;
}

.shpro-gated-download .list-group-item .uploads-content-side {
    width: 100%;
    gap: .5rem;
}

.shpro-gated-download .list-group-item .uploads-content-side .uploads-top-info {
    justify-content: flex-start !important;
    gap: .5rem;
}

.shpro-gated-download .list-group-item .uploads-content-side .ce-uploads-fileName {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.55;
}

.shpro-gated-download .list-group-item .uploads-content-side .ce-uploads-filesize-badge {
    background-color: rgba(var(--bs-emphasis-color-rgb), 0.25);
    color: var(--bs-body-color);
    line-height: var(--bs-body-line-height, 1.5);
}

.shpro-gated-download .list-group-item .uploads-content-side .ce-uploads-description {
    margin-bottom: .5rem;
}

.shpro-gated-download .list-group-item .ce-uploads-download-icon {
    margin-left: .25rem;
}