/*
 * 尚儀教育有聲雲－全站內容類型標籤
 * 有聲書：藍底白字
 * 有聲課程：橘底白字
 * 有聲戲劇：紫底白字
 */

.sy-content-type-label,
.sy-content-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 4px 10px;
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 999px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: .03em;
    white-space: nowrap;
    box-shadow: 0 5px 14px rgba(7,35,65,.20);
}

.sy-content-type-book,
.sy-content-type-label[data-content-type="有聲書"],
.sy-content-type[data-content-type="有聲書"] {
    background: #07528c !important;
    color: #fff !important;
}

.sy-content-type-course,
.sy-content-type-label[data-content-type="有聲課程"],
.sy-content-type[data-content-type="有聲課程"] {
    background: #e87500 !important;
    color: #fff !important;
}

.sy-content-type-drama,
.sy-content-type-label[data-content-type="有聲戲劇"],
.sy-content-type[data-content-type="有聲戲劇"] {
    background: #7a3e9d !important;
    color: #fff !important;
}

.al-list-type-row {
    margin-bottom: 8px;
}

.al-card-tags .sy-content-type-label {
    color: #fff !important;
    border-color: rgba(255,255,255,.82) !important;
}

.sy-detail-kicker.sy-content-type-label {
    margin-bottom: 14px;
    padding: 8px 13px;
    font-size: 14px;
}

.sy-detail-type-value {
    width: fit-content;
    margin-top: 4px;
}

.sy-study-card {
    position: relative;
}

.sy-study-type-label {
    position: absolute;
    z-index: 3;
    top: 8px;
    left: 8px;
}

@media (max-width: 640px) {
    .sy-content-type-label,
    .sy-content-type {
        min-height: 24px;
        padding: 3px 8px;
        font-size: 11px;
    }
}