@charset "UTF-8";
/* CSS Document */
/* 첫 번째 버튼: 항상 화살표 보이도록 */
.navigator a.active {
	font-style: italic;
	text-decoration: underline;
	text-shadow: 2px 2px 5px rgba(158, 13, 0, 1); /* Christmas 2026 (default: rgba(0, 246, 255, 1)) */
}
/* 화살표 스타일 */
.navigator a::before {
    content: "→"; /* 오른쪽 화살표 */
    position: absolute;
    left: 0; /* 글씨 앞에 위치 */
    width: 20px; /* 고정된 공간을 차지하여 정렬 유지 */
    text-align: right; /* 오른쪽 정렬 */
    opacity: 0; /* 기본적으로 숨김 */
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.navigator a.active::before {
    opacity: 1;
}
@media (max-width: 767px) {
	/* 선택된 카테고리: 박스를 하단 레드로 채움 (기울임·밑줄·글로우 없음) */
	.navigator a.active {
		color: rgba(255, 255, 255, 1);
		background-color: var(--xmas-red, #9e0d00); /* Christmas 2026 — footer red */
		font-style: normal;
		text-decoration: none;
		text-shadow: none;
	}
	.navigator a::before {
		display: none;
    content: "→"; /* 오른쪽 화살표 */
    position: absolute;
    left: 0; /* 글씨 앞에 위치 */
    width: 20px; /* 고정된 공간을 차지하여 정렬 유지 */
    text-align: right; /* 오른쪽 정렬 */
    opacity: 0; /* 기본적으로 숨김 */
    transition: opacity 0.3s ease, transform 0.3s ease;
	}
}