/* Front-end styles for ItemSetGroup block */
.ts-preview-header {
    margin-bottom: 0.5rem
}

.ts-preview-title {
    margin: 0 0 20px 0;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center
}

.ts-preview-description {
    margin-bottom: 0.75rem
}

.ts-representative-item {
    font-size: .9em;
    margin: 4px auto;
    text-align: center;
    max-width: 260px;
    line-height: 1.4;
}

.ts-preview-footer {
    margin-top: .75rem;
    text-align: left
}

.ts-more-link {
    display: inline-block
}

.resource-link .resource-name {
    display: block;
    text-align: center;
}

.ts-preview-block .ts-resource .ts-resource-meta {
    margin-left: auto;
    margin-right: auto
}

/* In the selection block, do NOT ellipsize long titles; allow wrapping. */
.ts-preview-block .resource-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    text-align: center !important;
    line-clamp: unset !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    max-height: none !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    font-size: 17px !important;
    line-height: 1.4 !important;
}

.ts-preview-block .description {
    font-size: 0.9em !important;
    margin: 4px auto !important;
}

/* Child item title (representative item): add leading icon */
.ts-preview-block .ts-representative-item-link {
    /*    display: inline-flex;*/
    /*    align-items: flex-start;*/
    /* align icon to top so it stays at the first line */
    gap: .25em;
}

.ts-preview-block .ts-representative-item-link .ts-icon {
    width: 1.2em;
    height: 1.2em;
    min-width: 1.2em;
    min-height: 1.2em;
    flex-shrink: 0;
    vertical-align: top;
    margin-right: 2px;
}

.ts-preview-block .ts-representative-item-link .ts-icon circle,
.ts-preview-block .ts-representative-item-link .ts-icon polyline {
    stroke: currentColor;
}

/* Ensure new icon path fills inherit the text color */
.ts-preview-block .ts-representative-item-link .ts-icon path {
    fill: currentColor;
}