/**
 * Reading Time with Schema - Frontend Styles
 */

.rts-reading-time {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin: 12px 0;
    transition: opacity 0.2s ease;
}

.rts-reading-time:hover {
    opacity: 0.85;
}

.rts-icon {
    flex-shrink: 0;
    color: var(--rts-icon-color, #0073aa);
    width: 16px;
    height: 16px;
}

.rts-text {
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 600px) {
    .rts-reading-time {
        font-size: 13px;
        padding: 5px 10px;
    }
}