/* ========================================
   모바일 탭 네비게이션 (v2.3.3)
   Full Auto Posting Bot v2.0
   ======================================== */

/* 모바일에서만 탭 표시 */
@media (max-width: 1023px) {
    /* 탭 버튼 스타일 */
    #tab-variable-btn,
    #tab-keyword-btn {
        position: relative;
        transition: all 0.3s ease;
    }
    
    #tab-variable-btn:active,
    #tab-keyword-btn:active {
        transform: scale(0.98);
    }
    
    /* 활성 탭 애니메이션 */
    #tab-variable-btn.border-blue-600::after,
    #tab-keyword-btn.border-blue-600::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(90deg, #3b82f6, #8b5cf6);
        animation: slideIn 0.3s ease;
    }
    
    @keyframes slideIn {
        from {
            transform: scaleX(0);
        }
        to {
            transform: scaleX(1);
        }
    }
    
    /* 섹션 전환 애니메이션 */
    #variable-instructions-section {
        animation: fadeIn 0.3s ease;
    }
    
    #variable-instructions-section.hidden {
        display: none !important;
    }
    
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* PC에서는 탭 숨김, 항상 모든 섹션 표시 */
@media (min-width: 1024px) {
    #variable-instructions-section {
        display: flex !important;
    }
}