/* Q&A 페이지 전용 스타일 */

/* FAQ 아코디언 호버 효과 */
.accordion-item {
    transition: all 0.3s ease;
    margin-bottom: 1rem;
}

.accordion-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.accordion-button {
    transition: all 0.3s ease;
}

.accordion-button:hover {
    background-color: #f8f9fa;
    transform: scale(1.02);
}

.accordion-button:not(.collapsed) {
    background-color: #e3f2fd;
    border-color: #2196f3;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* FAQ 아이콘 호버 효과 */
.accordion-button:hover .bi-question-circle {
    transform: scale(1.2);
    transition: transform 0.3s ease;
}

/* FAQ 내용 호버 효과 */
.accordion-collapse {
    transition: all 0.3s ease;
}

.accordion-item:hover .accordion-collapse {
    background-color: #f8f9fa;
}

/* 문의하기 섹션 호버 효과 */
.qna-contact .card {
    transition: all 0.3s ease;
}

.qna-contact .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.qna-contact .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,123,255,0.4);
}

/* 텔레그램 아이콘 호버 효과 */
.qna-contact .bi-telegram {
    transition: all 0.3s ease;
}

.qna-contact .card:hover .bi-telegram {
    transform: scale(1.1);
    color: #0088cc !important;
}

/* 리스트 아이템 호버 효과 */
.qna-contact .list-unstyled li {
    transition: all 0.3s ease;
    padding: 0.25rem 0;
}

.qna-contact .list-unstyled li:hover {
    background-color: #f8f9fa;
    padding-left: 0.5rem;
    border-radius: 0.25rem;
}

/* 결제 섹션 스타일 */
.qna-payment .payment-card {
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.qna-payment .payment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    border-color: #007bff;
}

.qna-payment .payment-icon {
    font-size: 3rem;
    transition: all 0.3s ease;
}

.qna-payment .payment-card:hover .payment-icon {
    transform: scale(1.2);
}

.qna-payment .payment-card:hover .payment-icon i {
    animation: bounce 0.6s ease;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .accordion-item:hover {
        transform: none;
    }
    
    .qna-contact .card:hover {
        transform: none;
    }
    
    .qna-payment .payment-card:hover {
        transform: none;
    }
}