/**
 * 파일 경로: wp-content/plugins/zooedu-completion-report/assets/zooedu-ribbon-front.css
 * 용도: zooedu-ribbon-front.js 가 리본 본체에 인라인 색을 입힌 뒤, 리본이 모서리에 접힌
 *       '꼬리(삼각형)' 형태일 때 그 의사요소(::before/::after)가 본체 색을 따라가도록 보정한다.
 *       실제 색은 JS가 인라인으로 주입하므로 여기서는 currentColor 상속만 거든다.
 *       리본 종류/테마에 따라 꼬리 구조가 달라 효과가 없을 수 있으며, 그 경우 본체 색은
 *       정상 적용된다(꼬리만 기존 색 유지). 필요 시 실제 마크업에 맞춰 규칙을 추가한다.
 */

/* JS가 처리한 리본의 꼬리(의사요소)가 본체 배경색을 따라가도록 시도 */
[data-zooedu-ribbon-done]::before,
[data-zooedu-ribbon-done]::after {
	border-top-color: currentColor;
	border-left-color: currentColor;
}