/* ======================================== */
/* PC Back Button Module */
/* PC 전용 백 버튼 스타일 - 독립 모듈 */
/* ======================================== */

/* ======================================== */
/* PC 백 버튼 스타일 */
/* ======================================== */

@media (min-width: 1025px) {
    .back-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        background: rgba(255, 255, 255, 0.9) !important;
        border: 2px solid rgba(0, 0, 0, 0.1) !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        transition: all var(--transition-normal) !important;
        position: fixed !important;
        top: 15px !important;
        left: 15px !important;
        z-index: 9999 !important;
        backdrop-filter: blur(10px) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
        /* 추가 강력한 표시 속성 */
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        /* 터치 영역 확대 */
        min-width: 48px !important;
        min-height: 48px !important;
        /* 추가 보장 속성 */
        transform: none !important;
        filter: none !important;
        clip-path: none !important;
        clip: auto !important;
    }

    .back-button:hover {
        background: rgba(255, 255, 255, 1) !important;
        border-color: rgba(0, 0, 0, 0.2) !important;
        transform: scale(1.05) !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
    }

    .back-button:active {
        transform: scale(0.95) !important;
        background: rgba(240, 240, 240, 1) !important;
    }

    .back-button:focus {
        outline: 2px solid rgba(0, 123, 255, 0.5) !important;
        outline-offset: 2px !important;
    }

    .back-button i {
        color: var(--text-primary) !important;
        font-size: 18px !important;
        transition: all var(--transition-normal) !important;
        /* 추가 강력한 표시 속성 */
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .back-button:hover i {
        color: var(--primary-color) !important;
        transform: translateX(-2px) !important;
    }

    /* 로딩 상태 */
    .back-button.loading {
        pointer-events: none !important;
        opacity: 0.7 !important;
    }

    .back-button.loading i {
        animation: backButtonSpin 1s linear infinite !important;
    }

    @keyframes backButtonSpin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    /* 접근성 개선 */
    .back-button[aria-label] {
        position: relative !important;
    }

    .back-button[aria-label]:hover::after {
        content: attr(aria-label) !important;
        position: absolute !important;
        bottom: -35px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        background: rgba(0, 0, 0, 0.8) !important;
        color: white !important;
        padding: 4px 8px !important;
        border-radius: 4px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        z-index: 10000 !important;
        pointer-events: none !important;
    }
}

/* ======================================== */
/* PC 백 버튼 반응형 조정 */
/* ======================================== */

@media (min-width: 1025px) and (max-width: 1200px) {
    .back-button {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    .back-button i {
        font-size: 16px !important;
    }
}

@media (min-width: 1201px) {
    .back-button {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }

    .back-button i {
        font-size: 20px !important;
    }
}

/* ======================================== */
/* PC 백 버튼 모듈 끝 */
/* ======================================== */